将内容表单数据库添加到 Pells 所见即所得文本编辑器（编辑功能）

Question

我在我的站点上使用 Pell 的所见即所得文本编辑器。 https://github.com/jaredreich/pell

它可以很好地创建内容并将其保存在数据库中，但我也喜欢通过将文本从数据库导入编辑器来进行编辑，就像我在输入值=“$var”时所做的那样。

我试过没有成功：

<div id="editor" value="$VAR" class="pell">$VAR</div>
<div>
  HTML output:
  <textarea class="displayno" value="$VAR" id="html-output"  name="catdesc[]">$VAR</textarea>
</div>

可能需要在该脚本的 init 中导入文本：

var editor = window.pell.init({
element: document.getElementById(\'editor\'),
defaultParagraphSeparator: \'p\',
onChange: function (html) {
    document.getElementById(\'html-output\').value = html
}
})

有人能帮我吗？

Answer 1

我自己做到了:

添加到初始化：

contentDatabase: function () {
    html = document.getElementById(\'html-outpu\').value;
    return html;
},

在初始化 "content" 和 "settings" 之后在编辑器脚本中添加：

  var addContentDatabse = settings.contentDatabase();
  if(addContentDatabse){
    content.innerHTML = addContentDatabse;
  }

Answer 2

像这样使用编辑器对象添加 innerHTML：

var editor = window.pell.init({
element: document.getElementById(\'editor\'),
defaultParagraphSeparator: \'p\',
onChange: function (html) {
   document.getElementById(\'html-output\').value = html;
 }
})

editor.content.innerHTML = '<b>BOLD CONTENT</b>';

将内容表单数据库添加到 Pells 所见即所得文本编辑器（编辑功能）

Add content form database to Pells WYSIWYG text editor (Edit function)

javascript

wysiwyg