Question

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

问题是保存后显示的内容与编辑器中显示的内容不同。 enter image description here

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

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

Answer 1

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

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

的文档

编辑以回应评论

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

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

Answer 2

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