javascript - 呈现由 TinyMCE 编辑的 HTML

Question

我正在使用 tinymce editor在网页中。当用户在编辑后单击保存 按钮时，我从编辑器中获取内容并将它们设置为 html ( fiddle) 的 div 中。

问题是保存后显示的内容与在编辑器中显示的内容不同。

图像顶部的内容(编辑 View )和图像底部的内容(编辑后用户看到的内容)应该相同。

这是因为两部分使用了不同的css。有人知道解决这个问题的方法吗？

Answer 1

当您调用 TinyMCE 时，您可以指定它应该使用的 CSS。

tinymce.init({
  selector:'textarea',
  content_css: '/css/style.css'
});

文档位于 http://www.tinymce.com/wiki.php/Configuration:content_css

根据评论进行编辑

在您的 CSS 文件中，您可以为 TinyMCE 设置指定样式，如下所示:

#tinymce ul {
    list-style-type: decimal;
}