最近遇到了在自建的.NET网站可以自行发表新闻的需求,总不能说是一个textarea解决问题吧……太简陋了。于是乎翻遍各大网站寻找可以在线编辑替代textarea的插件工具,找了一堆这个editor,那个editor,国外的国内的。然后挨个试,也许我能力低吧,看着每个插件文档就那么几步操作弄了几遍也是没搭成。直到发现这个UEditor。
有一个功能我觉得很强大,就是可以直接复制图片、截图,不需要手动选择图片文件。
说明一下插件部署步骤,供以后和需要的人参考。
1、官网下载对应程序语言的压缩包(上传文件图片等功能需要)
2、将下载好的整个文件夹拖动到项目中。
3、修改net(或其他语言名称)文件夹下面的config.json文件,将所有“/ueditor/net/”文本替换为网站可以访问的虚拟目录(例如我将此插件放到:/script/ueditor下,那么请将文本替换为:/script/ueditor/net)
4、配置完毕后,打开需要添加编辑器的页面,引用如下文件
@* 配置文件 *@ <script type="text/javascript" src="/Scripts/ueditor/ueditor.config.js"> @* 编辑器源码文件 *@ <script type="text/javascript" src="/Scripts/ueditor/ueditor.all.js">
5、在页面需要放置编辑器的地方,加入如下代码
<script id="MessageContent" name="content" type="text/plain" style="width:700px;height:250px;">
6、最后在页面script中单独插入如下代码,MessageContent代表上面的id
var ue = UE.getEditor('MessageContent'); //编辑器
插件链接:http://ueditor.baidu.com/website/