kindeditor编辑器 微软雅黑会转成"的问题
时间: 2024-05-25 12:14:02 浏览: 28
这个问题可能是由于在保存数据时,没有进行 HTML 转义所导致的。在 HTML 中,某些字符需要进行转义,比如双引号需要转义为 `"`。如果在保存数据时没有进行转义,那么在显示时可能会出现问题,比如出现了 `"` 而不是双引号。
可以尝试在保存数据之前,使用 JavaScript 中的 `encodeURIComponent()` 方法对需要保存的数据进行编码,这样可以将特殊字符进行转义,避免出现显示问题。在后端接收到数据后,也需要进行相应的解码操作,比如使用 PHP 中的 `urldecode()` 方法。
相关问题
kindeditor编辑器 解决微软雅黑 会变成"问题
问题的原因是因为 KindEditor 编辑器默认会对特殊字符进行转义,而这些特殊字符包括双引号(")等字符,所以微软雅黑字体名称中的双引号被转义成了 "。
解决方法是在编辑器的配置中设置一个参数,这个参数可以告诉编辑器不要对特殊字符进行转义。具体操作步骤如下:
1. 打开 KindEditor 的配置文件,一般是在 kindeditor/config.js 中。
2. 在配置文件中找到 items 数组,这个数组包含了所有的编辑器工具栏按钮,找到 fontname 这个按钮的配置项。
3. 在 fontname 的配置项中添加一个 unselectable 参数,设置为 false。这个参数的作用是告诉编辑器不要对选中的内容进行转义。
4. 保存配置文件并重新加载页面,此时编辑器应该可以正常显示微软雅黑字体了。
示例代码:
```javascript
items: [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about'
],
fontname: {
label: '字体',
name: 'fontname',
unselectable: false, // 添加这个参数
dropPanel: {
width: 130,
items: [
{ name: '宋体', value: '宋体,SimSun' },
{ name: '黑体', value: '黑体, SimHei' },
{ name: '楷体', value: '楷体, SimKai' },
{ name: '微软雅黑', value: '微软雅黑, Microsoft YaHei' },
{ name: '仿宋', value: '仿宋, FangSong' },
{ name: 'Arial', value: 'Arial, Helvetica, sans-serif' },
{ name: 'Arial Black', value: '"Arial Black", Gadget, sans-serif' },
{ name: 'Comic Sans MS', value: '"Comic Sans MS", cursive, sans-serif' },
{ name: 'Courier New', value: '"Courier New", Courier, monospace' },
{ name: 'Georgia', value: 'Georgia, serif' },
{ name: 'Impact', value: 'Impact, Charcoal, sans-serif' },
{ name: 'Lucida Console', value: '"Lucida Console", Monaco, monospace' },
{ name: 'Lucida Sans Unicode', value: '"Lucida Sans Unicode", "Lucida Grande", sans-serif' },
{ name: 'Tahoma', value: 'Tahoma, Geneva, sans-serif' },
{ name: 'Times New Roman', value: '"Times New Roman", Times, serif' },
{ name: 'Trebuchet MS', value: '"Trebuchet MS", Helvetica, sans-serif' },
{ name: 'Verdana', value: 'Verdana, Geneva, sans-serif' }
]
}
},
```
怎么解决 kindeditor编辑器 微软雅黑变成font-family:"
这个问题通常是由于编辑器编码设置不正确引起的。可以尝试以下方法解决:
1. 在 KindEditor 的配置文件中设置默认字体为微软雅黑:`items: ['fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', ...], fontname: ['微软雅黑', '宋体', '黑体', '楷体', '隶书', 'Arial', 'Tahoma', 'Verdana']`
2. 在页面头部添加以下代码:`<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />`
3. 在 KindEditor 的配置文件中设置编码为 utf-8:`charset: 'utf-8'`
如果以上方法都无法解决问题,可以尝试将编辑器的源代码中的 `"` 替换成双引号(")。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)