(注意不是部署,而是在项目开发阶段将ueditor集成进来)
把下载的 ueditor1_4_3_3-utf8-net.zip 解压,将 utf8-net 目录下的所有文件拷到项目的 ueditor 目录下,将 net 目录下的 App_Code 目录合并至项目根目录,将 Bin 目录合并至项目根目录。添加引用Bin目录下的 Newtonsoft.Json.dll 文件。
在项目中需要使用编辑器的页面,加入:
在项目中需要使用编辑器的页面,加入:
......
<script src="ueditor/ueditor.config.js"></script>
<script src="ueditor/ueditor.all.min.js"></script>
<script src="ueditor/lang/zh-cn/zh-cn.js"></script>
......
<textarea id="myEditor" name="myEditor" runat="server" οnblur="setUeditor()">测试数据</textarea>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
</script>
......
<script type="text/javascript">
function setUeditor() {
var myEditor = document.getElementById("myEditor");
myEditor.value = editor.getContent();
}
</script>
......
<script src="ueditor/ueditor.config.js"></script>
<script src="ueditor/ueditor.all.min.js"></script>
<script src="ueditor/lang/zh-cn/zh-cn.js"></script>
......
<textarea id="myEditor" name="myEditor" runat="server" οnblur="setUeditor()">测试数据</textarea>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
</script>
......
<script type="text/javascript">
function setUeditor() {
var myEditor = document.getElementById("myEditor");
myEditor.value = editor.getContent();
}
</script>
......
后台获取编辑器的内容:
string editData = Server.HtmlDecode(myEditor.InnerHtml);
一般写在提交按钮触发的事件函数中
string editData = Server.HtmlDecode(myEditor.InnerHtml);
一般写在提交按钮触发的事件函数中
此处在实际作用的时候会出错,需要在页面的初始化指令中,加入:
ValidateRequest="false"
且在项目的 Web.config 的 <system.web> 节中,加入:
<httpRuntime requestValidationMode="2.0" />
ValidateRequest="false"
且在项目的 Web.config 的 <system.web> 节中,加入:
<httpRuntime requestValidationMode="2.0" />
修改上传图片或文件的位置为 /upload 目录,在 net 目录下的 config.json 文件,将其中的 ??访问前辍 置空,然后将 上传保存路径 前面加 /,形如:
原有代码:
"imageUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
"imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
修改为:
"imageUrlPrefix": "", /* 图片访问路径前缀 */
"imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
原有代码:
"imageUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
"imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
修改为:
"imageUrlPrefix": "", /* 图片访问路径前缀 */
"imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
最后别忘了删掉或改名示例文件 index.html,以防非法访问。