200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 网站后台导入文本编辑器

网站后台导入文本编辑器

时间:2023-06-16 01:12:14

相关推荐

网站后台导入文本编辑器

华恩IT

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

我们可以去/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”文件下,前面加“/”表示的是 根目录

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。