django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能

设置TinyMCE的默认字体大小及一键排版

ckeditor没有一键排版插件,tinymce有现成的,二者基本差不多,所以选择tinymce。

tinymce的默认字体太小,现有的一键排版都不涉及字体和字号的更改,因此需要自己手动设置

设置默认字号

    <script type="text/javascript">
        tinyMCE.init({
            'selector': '#answer',
            'mode':'textareas',
            'theme': 'silver',
            content_style: 'body {font-size: 18pt;}',
      });
    script>

这里即可设置默认字体大小为18pt
效果如下

django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能

一键排版工具下载和使用

这里使用一键排版工具layout
下载后将项目中的layout文件夹直接复制到tinymce/plugins中即可

django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能
使用方法
tinymce.init({
    selector: '#tinydemo',
    plugins: "layout",
    toolbar: "layout"
});

效果如下图所示:

django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能

上图中倒数第二个,三角形,点击后即可自动缩进2个空格,配合第一步设置的默认字号大小,实现统一格式。

Original: https://blog.csdn.net/yaologos/article/details/126564329
Author: yaologos
Title: django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/813714/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球