Вставка текста в Quill из базы данных - PullRequest
Новая
       7

Вставка текста в Quill из базы данных

0 голосов
/ 30 марта 2020

Я храню текст в своей базе данных и хочу разрешить пользователям редактировать его. Я хочу извлечь текст из базы данных и вставить его в редактор Quill, чтобы пользователь мог изменить его, а затем повторно загрузить. Как я могу извлечь данные из базы данных и вставить их в редактор Quill?

Так я получаю данные из базы данных 

if(isset($_GET['articleId'])){
    $username = noHTML($_SESSION['username']);
    $articleId = noHTML($_GET['articleId']);
    $sqlbefore = $db->prepare('SELECT `username`, `title`, `description`, `text` FROM articles WHERE username = ? AND artId = ?');
    $sqlbefore->bind_param('si', $username, $articleId);
    $sqlbefore->execute();
    $result = $sqlbefore->get_result();
    $row = $result->fetch_assoc();
    if($username != $row['username']){
        header("location:index.php");
    }

    $titleValue = $row['title'];
    $descriptionValue = $row['description'];
    $textValue = $row['text'];

}

Затем я использую переменная textValue для помещения ее в скрытый div с отображением none, чтобы затем установить текст в редакторе quill. 

var quill = new Quill('#editor', {
        modules: { toolbar: toolbarOptions },
        theme: 'snow'
    });
    var text = $('#hidden_text').html();
    quill.setText(text);

В редакторе отображается следующая строка: 

<p>Normal text</p><h1>Header Text</h1>

Вместо отображать его так, как его описывают теги.

Как настроить текст так, чтобы он отображался так, как его описывают теги HTML?

1 Ответ

0 голосов
/ 31 марта 2020

Это работает, но, конечно, я все еще использую скрытый div для передачи данных из PHP в jQuery. Если у кого-либо есть какие-либо возможные улучшения с точки зрения безопасности или кодирования, пожалуйста, прокомментируйте. 

var quill = new Quill('#editor', {
        modules: { toolbar: toolbarOptions },
        theme: 'snow'
    });
    var text = $('#hidden_text').html();
    quill.clipboard.dangerouslyPasteHTML(0,text);
...