网站后台导入文本编辑器

   华恩IT

项目需要一个文本编辑器,就找了个 百度富文本编辑器ueditor,简单的说一下它的配置吧

我们可以去http://ueditor.baidu.com/website/下载最新的ueditor,如图,下载适合自己的版本,本人用的是asp,文本编码是GBK的。


下载解压以后我们可以看见这些文件


    dialogs:弹出对话框对应的资源和JS文件

    themes:样式图片和样式文件

    asp、 php、jsp、.net:涉及到服务器端操作的后台文件,根据你选择的不同后台版本,这里也会不同,这里我的选择是asp

    third-party:第三方插件(包括代码高亮,源码编辑等组件)

    editor_all.js:_src目录下所有文件的打包文件(用于发布版本)

    editor_api.js: API接口配置文件(开发版本)

    editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

    editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录


既然要使用编辑器,那么我们需要在页面上实例化它了,在页面的head部分导入ueditor文件和配置文件,

<HEAD>
<script type="text/javascript" src="/Admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/Admin/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="/Admin/ueditor/lang/zh-cn/zh-cn.js"></script>

</HEAD>

我的编辑器放在项目下的admin下,故地址是/Admin/ueditor/

然后在页面需要显示编辑器容器的部分写出实例化的代码

<script id="container3" name="new_content" type="text/plain"></script>
<script type="text/javascript">
    var editor = UE.getEditor('container3')
</script>

这里的name是你定义的后台取值name

图片上传的配置


imageURL是图片上传所调用的asp文件的地址,而imagePath则是为新上传的图片生成的图片地址,在savePath我们修改图片保存的路径,比如我这里是保存的在项目根目录下的“UploadFile”文件下,前面加“/”表示的是 根目录

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值