设置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
效果如下

一键排版工具下载和使用

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

使用方法

tinymce.init({selector: '#tinydemo',plugins: "layout",toolbar: "layout"
});

效果如下图所示：

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

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

富文本编辑器tinymce 自定义中文字号（四号，小四，五号，小五等）
富文本编辑器tinymce 自定义中文字号(四号,小四,五号,小五等) 前因探索最终解决最终效果关键代码前因在写富文本编辑器转换word的过程中,因为所使用的富文本编辑器tinymce中的 ...
Django框架—富文本编辑器
借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的.所见即所得的页面此处以tinymce为例,其它富文本编辑器的使用也是类似的在虚拟环境中安装包 pip install dj ...
11. Django 引入富文本编辑器KindEditor
打开微信扫一扫,关注微信公众号[数据与算法联盟] 转载请注明出处:http://blog.csdn.net/gamer_gyt 博主微博:http://weibo.com/234654758 Gith ...
Django下富文本编辑器Ueditor的配置和使用
1.前言 "人生苦短,我用Python",Python作为一门"万能"的脚本语言,深受各个技术层级的程序猿的喜爱,而Django作为最受欢迎的Python的We ...
html自定义实现文本编辑器,自定义开发富文本编辑器（Javascript实现点击插入内容到textarea光标处）...
富文本编辑器相信很多程序员都用过,但是如何自己制作一个仿富文本的编辑器来解决一些简单的或自定义的需求呢?下面给大家共享一个使用JavaScript实现在textarea光标处插入指定文本内容以及字符串 ...
Vue 自定义富文本编辑器 tinymce 支持导入 word 模板
自定义富文本编辑器分为前端项目和后端项目两个部分,首先先说一下前端项目前端前端项目地址: https://github.com/haoxiaoyong1014/editor-ui 编辑器名称: t ...
js 免费可靠cdn地址（富文本编辑器tinymce的实践）
推荐一个 cdn源的可靠源地址(免费且持久) https://www.jsdelivr.com/?query=tinymce 有个富文本编辑的需求,要求导入html字符串去生成富文本htm,使用的是r ...
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste
公司做的项目需要用到粘贴Word功能.就是将word内容一键粘贴到网页编辑器(在线富文本编辑器)中.Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我 ...
【富文本编辑器功能】vue实现富文本编辑器Tinymce功能，保留编辑器格式文章展示在页面上【前后端代码展示，简单好用】
前言: 这个Tinymce富文本编辑器是vue-element-admin内集成好的,使用过后体验非常不错,很简单易用.这里分享一下,同时又看到了网上帖子都没什么人写前后端同时展示的,很多人想知道编辑 ...

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

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

设置默认字号

一键排版工具下载和使用

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

最新文章

热门文章