javascript - 渲染由 TinyMCE 编辑的 HTML

Question

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

问题是保存后显示的内容与在编辑器中显示的内容不同。在此处输入图像描述

图片顶部（编辑视图）和图片底部（编辑后用户看到的内容）的内容应该相同。

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

score 0 · Accepted Answer

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

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

编辑以回应评论

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

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

score 0 · Accepted Answer

您需要更改 tinymce 主题文件夹中的 content.css 文件以匹配前端站点上显示的内容。

2 回答 2