如何使用ueditor编辑器?

分类:知识百科 日期: 点击:0

  如何使用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 */

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。