在ckeditor添加中文字体选择

最新推荐文章于 2024-11-11 21:43:27 发布
原创 最新推荐文章于 2024-11-11 21:43:27 发布 · 1.9k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#js #html
本文介绍如何在CKEditor中配置并添加中文字体，确保编辑器能够正确显示中文内容，避免出现乱码问题。
在config.js文件里：
   CKEDITOR.editorConfig = function(config) {
下面添加：

config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names ;


之后将config.js文件编码改为：UTF-8 无BOM，否则将出现乱码，保存后替换原文件.

修改编码方式：用记事本打开，另存为，选择编码方式。


定制ckeditor5接入，支持字体颜色、字体大小
lesnsnsn的博客
11-17 1853
缘由：直接使用进行安装的是经典版无法修改字体颜色与字体大小等，所以这篇文章记录一下可以修改字体颜色的ckeditor5的接入。大体思路为：1.去ckeditor5官网定制你想要的基础配置2.将下载的富文本制定配置 解压放在任何位置3.进入解压后的文件夹，上传自己的npm4.在项目中使用安装，xxx为你上传npm时自定义的名称5.在项目里import引入并使用
ckeditor4.5以上自定义字体颜色库
weixin_45390475的博客
03-17 709
1.找到CK_edit文件夹下的ckeditor.js文件；2.搜索colorButton_colors，定位到最后一个。3.修改里面的文字颜色即可。
CKEDITOR 富文本编辑器 如何加入新的字体（中文字体）
dawuafang
04-01 1056
CKEDITOR.editorConfig = function( config ) { //增加如下一行代码就可以了，最后别忘了清楚缓存后再试 config.font_names='宋体/SimSun;新宋体/NSimSun;仿宋_GB2312/FangSong_GB2312;楷体_GB2312/KaiTi_GB2312;黑体/SimHei;微软雅黑/Microsoft YaHei;...
CKEditor 增加字体支持
lguihua0823的博客
01-31 1108
修改根目录下的config.js文件，先加下面的代码： CKEDITOR.editorConfig = function( config ) { config.font_names = '宋体/SimSun;新宋体/NSimSun;仿宋/FangSong;楷体/KaiTi;仿宋_GB2312/FangSong_GB2312;'+ '楷体_GB2312/KaiTi_GB2312;黑体/...
CKEditor5+vue3使用以及如何添加新工具栏，自定义设置字体fontFamily，自定义上传图片
weixin_43485503的博客
01-05 9698
CKEditor5+vue3使用以及如何添加新工具栏，自定义设置字体fontFamily
安装CKEditor插件并添加中文字体选择
MemRay
10-19 8803
安装CKEditor+WordPress，wordpress自带可视化编辑器比较差，特别是段落首空两格的问题比较烦。 　　一般都是修改主题的css或者用html编辑器通过全角空两格的方法解决，当然也有安装插件。既然安装插件还不如找一个好的编辑器插件呢。所以看中了这个，安装后后台能显示中文提示，也能选择英文字体，至于中文字体再试试。 　　安装后默认的情况下只有英文字体的选择，如果想添加中文字体，
CKeditor加入中文字体
weixin_30700099的博客
07-16 577
CKeditor确实非常好，但是编辑时，字体选择里面没有中文字体。可以按如下方法添加： 打开CKeditor目录里的 config.js，在 CKEDITOR.editorConfig = function( config ) { }; 里添加如下代码： config.font_names=’ 宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;...
在Django中安装、配置、使用CKEditor5，并将CKEditor5录入的文章展现出来，实现一个简单博客网站的功能
最新发布
weixin_44274609的博客
11-11 2523
在Django中安装CKEditor5，并设置相应参数，使其使用中文字体和中文字号。然后使用CKEditor5录入文章（支持word带图片和格式拷贝），最后将CKEditor5表单提交的内容展现出来，实现一个简单博客网站的功能。
CKEditor添加中文字体
yuewuyun的博客
05-13 1921
在网上查询的增加字体的方法全都过时了， 在文件全局查找font_names,找到压缩的ckeditor.js，找到font_name，然后添加代码："黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑,宋体/宋体, ...
CKEditor设置默认字体和一些备注
jiahengzhang的专栏
05-16 4730
触发初始化事件CKEDITOR.instances["editorid"].on("instanceReady", function(){ });为不同编辑器设置不同默认字体在上一步的中间添加代码// 设置默认为楷体 this.document.getBody().setStyle("font-family", "KaiTi");获取编辑器的一些操作方法可以在js中输出getBody()对象con...
CKEditor自定义更小的字体
a1455990364的博客
04-08 453
在CKEditor中, 官方配置自带的最小字体是8px, 但在某些场景中可能依然不够用, 所以需要我们自定义字体大小以便适配业务场景.2. 打开该js文件, 在文件靠前部位增加如下代码. 当然你可以根据规则去改动这些内容以完成你的目的。1. 打开CKEditor文件夹, 找到config.js文件。
ckeditor增加行距功能和中文字体
热门推荐
mlx212的专栏
06-24 1万+
一、添加行距： ①从百度上下载一个 ckeditor 行距包，解压放到ckeditor/plugins目录下。 ②在config.js 中添加    config.extraPlugins += (config.extraPlugins ? ',lineheight' : 'lineheight');//行距③（转载） 1. lineheight插件源码修改：         1.原先的...
ckeditor5 vue 字体大小配置，字体颜色，段落对齐API设置
weixin_39991767的博客
09-09 1804
【代码】ckeditor5 vue 字体大小配置，字体颜色，段落对齐API设置。
CK editor4的字体颜色配置
KEY_cheung的博客
03-17 1154
今天动手ckeditor编辑器的时候发现工具栏上并没有可以更改字体颜色和背景颜色的按钮，所以我上网搜了下，网上特别多config.js文件配置的代码了，看得眼花缭乱的我选择把全部代码都复制下来。结果当然是没用的……一开始我还能有文本框、工具栏，到后来就变成什么都没有了。 后来我找到了ckeditor的文档：https://ckeditor.com/docs/index.h...
ckeditor4 使用总结
猎人在吃肉
09-21 8492
ckeditor4 定制工具栏 增加字体 配置主题皮肤 配置 默认字体大小和样式 ckeditor4 中，config.js 配置文件不生效的解决方法 ckeditor4 窗口根据内容高度，动态变化 ckeditor4 内容没有同步到 textarea 中 ckeditor4 图片上传相关的配置 删除 图片上传时的高级配置 tab 项 指定图片上传地址 、清除预览区的文字 springboot2.x 实现后台保存图片 图片上传成功和失败时的返回格式 ckeditor4 只显示内容，工具栏不显示，隐藏
ckEditor使用方法
caixiexin的专栏
07-31 1万+
原帖地址 灵活的调用方式——JS代码调用： <p>Ckeditor的初始化内容，作为textarea的value值. You are using <a href="http://www.kxss.net/">CKEditor</a
ckeditor 配置
zh_fn的专栏
03-14 937
一、使用方法： 1、在页面中引入ckeditor核心文件ckeditor.js 2、在使用编辑器的地方插入HTML控件 如果是ASP.NET环境，也可用服务器端控件 注意在控件中加上 。 3、将相应的控件替换成编辑器代码     CKEDITOR.replace(‘TextArea1′); //如果是在ASP.NE
ckeeditor添加中文字体
baigang1986的博客
10-07 493
1. 编辑这个文件 /srv/http/wordpress/wp-content/plugins/ckeditor-for-wordpress/ckeditor.config.js 在CKEDITOR.editorConfig = function( config ) 这句话后面的大括号就是”{ }”的第一行加上如下代码： config.font_names =...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值