Question

我在我的网站上使用Pell的WYSIWYG文本编辑器。 https://github.com/jaredreich/pell

创建内容并将其保存在数据库中效果很好，但是id就像通过将databse中的文本导入编辑器一样进行编辑，就像我对value =“ $ 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;
},

在初始化“内容”和“设置”之后，在编辑器脚本中添加：

  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 WYSIWYG文本编辑器（编辑功能）

2 个答案: