如何使用ueditor编辑器?基于MIT开源协议,ueditor文本编辑器可以在协议允许的范围内自由修改和使用所有源代码,这可以帮助许多网站开发者在开发富文本编辑器时遇到的问题。下载ueditor编辑器后如何使用?让我们来看看具体的使用方法。
如何使用ueditor编辑器?
1、将所需文件导入ueditor工程,即:themes文件夹,third-party文件夹,ueditor.all.min.js、ueditor.config.js、语言包文件,把.将net图片上传的相关程序代码导入项目(controller.ashx及使用的类文件)。
2、前台代码
导入js文件ueditor.config.js、ueditor.config.js、zh-cn.js。在js中加入这句话。
var ue = UE.getEditor(‘editor’,
{
textarea: ‘editorValue’
});
在html中添加以下句子,可以调整相应的宽度和高度。设置name属性可以在后台使用request接收,相当于input的name属性。
《script id=“editor” name=“NewsContent” type=“text/plain” style=“margin: 0 auto;width: 900px; height: 350px;”》
《/script》
3、修改前后台config文件
前端ueditor.config.在js文件中修改后台处理上传图片的程序地址。如下:
// 服务器统一要求接口路径
serverUrl: “/Ueditor/controller.ashx”
后台修改configg.json文件可以修改上传图片的大小和图片保存路径。如下:指根目录下的Ueditor文件夹下的ImageUpload文件夹下的图片。根据年份和日分文件夹。
“imageUrlPrefix”: “/Ueditor/”, /* 图片访问路径前缀 */
“imagePathFormat”: “ImageUpload/{yyyy}{mm}{dd}/{time}{rand:6}”, /* 上传保存路径,可定制保存路径和文件名格式 */
/* {filename} 它将被原始文件名所取代。配置此项需要注意中文乱码 */
/* {rand:6} 它将被随机数取代,后面的数字是随机数的位数 */
/* {time} 用时间戳代替 */
/* {yyyy} 四位年份将被替换 */
/* {yy} 两位年份将被替换 */
/* {mm} 两个月将被替换 */
/* {dd} 两位日期将被替换 */
/* {hh} 两个小时将被替换 */
/* {ii} 两位分钟将被替换 */
/* {ss} 两位秒将被替换 */
/* 非法字符 \ : * ? “ 《 》 | */
/* 详见网上文档: fex.baidu.com/ueditor/#use-format_upload_filename */