首页 新闻 会员 周边

tinyMCE6工具栏设置的样式怎么显示

0
悬赏园豆:5 [待解决问题]

ps:园豆不够了,回答的好的给30
列表,引用,代码块这些在编辑器是正常的,保持后样式就丢了,
不过修改的时候也是正常的

怎么把这些样式渲染出来

刘韬的主页 刘韬 | 初学一级 | 园豆:0
提问于:2023-10-12 17:25
< >
分享
所有回答(1)
0

TinyMCE是一个用于在Web应用程序中实现富文本编辑器的开源JavaScript库。如果您在TinyMCE 6中设置工具栏样式,但在编辑时正常显示而保存后样式丢失,这可能是由于多种原因导致的。以下是一些可能的解决方法:

配置插件和样式:
确保您已正确配置TinyMCE的插件和样式,以便在编辑器中显示所需的样式。您可以在TinyMCE的初始化选项中配置这些插件和样式。
javascript

tinymce.init({
selector: 'textarea', // 选择编辑器的目标元素
plugins: 'lists code', // 启用列表和代码块插件
toolbar: 'styleselect | bold italic | numlist bullist | code', // 工具栏配置
// 其他选项...
});
自定义样式:
您可以为TinyMCE的编辑内容指定CSS样式,以确保保存后的样式保持不变。使用内联样式或外部CSS类都可以。例如,您可以在工具栏中设置“styleselect”按钮,以便用户可以选择预定义的样式。
javascript

tinymce.init({
selector: 'textarea',
plugins: 'styleselect',
toolbar: 'styleselect',
content_css: 'path/to/your/custom.css', // 引入自定义样式
style_formats: [
{ title: 'Normal', format: 'p' },
{ title: 'Blockquote', format: 'blockquote' },
{ title: 'Code Block', format: 'code' },
],
// 其他选项...
});
检查保存过程:

确保在保存内容时,您的后端处理程序或保存操作不会删除或修改内容的样式信息。在保存数据时,应确保样式信息也被正确保存。
使用编辑器源代码查找问题:

您可以使用浏览器的开发工具查看编辑器生成的HTML源代码,以确定是否样式信息被正确保存。这可以帮助您确定是前端还是后端的问题。
如果上述方法仍然无法解决问题,您可能需要进一步检查您的TinyMCE配置和前后端代码,以查找可能导致样式丢失的问题。

Technologyforgood | 园豆:5698 (大侠五级) | 2023-10-12 19:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册