分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ASP.NET整合UEditor获取新闻内容及出错解决

发布时间:2023-09-06 01:21责任编辑:顾先生关键词:.NET

一、获取内容

前台加入代码,在实例化编辑器那里加入(这是我复制别人写好的):

<script type="text/javascript"> ???????//实例化编辑器 ???????//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor‘)就能拿到相关的实例 ???????var ue = UE.getEditor(‘txtEditorContents‘); ???????????????function isFocus(e) { ???????????alert(UE.getEditor(‘editor‘).isFocus()); ???????????UE.dom.domUtils.preventDefault(e) ???????} ???????function setblur(e) { ???????????UE.getEditor(‘editor‘).blur(); ???????????UE.dom.domUtils.preventDefault(e) ???????} ???????function insertHtml() { ???????????var value = prompt(‘插入html代码‘, ‘‘); ???????????UE.getEditor(‘editor‘).execCommand(‘insertHtml‘, value) ???????} ???????function createEditor() { ???????????enableBtn(); ???????????UE.getEditor(‘editor‘); ???????} ???????function getAllHtml() { ???????????alert(UE.getEditor(‘editor‘).getAllHtml()) ???????} ???????function getContent() { ???????????var arr = []; ???????????arr.push("使用editor.getContent()方法可以获得编辑器的内容"); ???????????arr.push("内容为:"); ???????????arr.push(UE.getEditor(‘editor‘).getContent()); ???????????alert(arr.join("\n")); ???????} ???????function getPlainTxt() { ???????????var arr = []; ???????????arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容"); ???????????arr.push("内容为:"); ???????????arr.push(UE.getEditor(‘editor‘).getPlainTxt()); ???????????alert(arr.join(‘\n‘)) ???????} ???????function setContent(isAppendTo) { ???????????var arr = []; ???????????arr.push("使用editor.setContent(‘欢迎使用ueditor‘)方法可以设置编辑器的内容"); ???????????UE.getEditor(‘editor‘).setContent(‘欢迎使用ueditor‘, isAppendTo); ???????????alert(arr.join("\n")); ???????} ???????function setDisabled() { ???????????UE.getEditor(‘editor‘).setDisabled(‘fullscreen‘); ???????????disableBtn("enable"); ???????} ???????function setEnabled() { ???????????UE.getEditor(‘editor‘).setEnabled(); ???????????enableBtn(); ???????} ???????function getText() { ???????????//当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,所以要在选回来,然后取得内容 ???????????var range = UE.getEditor(‘editor‘).selection.getRange(); ???????????range.select(); ???????????var txt = UE.getEditor(‘editor‘).selection.getText(); ???????????alert(txt) ???????} ???????function getContentTxt() { ???????????var arr = []; ???????????arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容"); ???????????arr.push("编辑器的纯文本内容为:"); ???????????arr.push(UE.getEditor(‘editor‘).getContentTxt()); ???????????alert(arr.join("\n")); ???????} ???????function hasContent() { ???????????var arr = []; ???????????arr.push("使用editor.hasContents()方法判断编辑器里是否有内容"); ???????????arr.push("判断结果为:"); ???????????arr.push(UE.getEditor(‘editor‘).hasContents()); ???????????alert(arr.join("\n")); ???????} ???????function setFocus() { ???????????UE.getEditor(‘editor‘).focus(); ???????} ???????function deleteEditor() { ???????????disableBtn(); ???????????UE.getEditor(‘editor‘).destroy(); ???????} ???????function disableBtn(str) { ???????????var div = document.getElementById(‘btns‘); ???????????var btns = UE.dom.domUtils.getElementsByTagName(div, "button"); ???????????for (var i = 0, btn; btn = btns[i++];) { ???????????????if (btn.id == str) { ???????????????????UE.dom.domUtils.removeAttributes(btn, ["disabled"]); ???????????????} else { ???????????????????btn.setAttribute("disabled", "true"); ???????????????} ???????????} ???????} ???????function enableBtn() { ???????????var div = document.getElementById(‘btns‘); ???????????var btns = UE.dom.domUtils.getElementsByTagName(div, "button"); ???????????for (var i = 0, btn; btn = btns[i++];) { ???????????????UE.dom.domUtils.removeAttributes(btn, ["disabled"]); ???????????} ???????} ???????function getLocalData() { ???????????alert(UE.getEditor(‘editor‘).execCommand("getlocaldata")); ???????} ???????function clearLocalData() { ???????????UE.getEditor(‘editor‘).execCommand("clearlocaldata"); ???????????alert("已清空草稿箱") ???????}</script>

我只需要获取编辑器里的内容就行了,采用红色的那段方法,而且这个编辑器把HTML的标签,图片路径什么的都自动生成好了,直接获取就可以了,写完了如下:

<!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain"></script><!-- 配置文件 --><script type="text/javascript" src="../edit/ueditor/ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="../edit/ueditor/ueditor.all.js"></script><!-- 实例化编辑器 --><script type="text/javascript">  var ue = UE.getEditor(‘txtEditorContents‘);  function getContent() {    var arr = [];    arr.push("使用editor.getContent()方法可以获得编辑器的内容");    arr.push("内容为:");    arr.push(UE.getEditor(‘editor‘).getContent());    alert(arr.join("\n"));  }</script>

在页面里在创建一个Textbox,ID与上面红色的一致,这个文本框放在编辑器的上边就行。

<asp:TextBox ID="txtEditorContents" name="txtEditorContents" runat="server" Height="234px" TextMode="MultiLine" Width="450px" ClientIDMode="Static" >
</asp:TextBox>

而后进入后台,有一个确认添加新闻的按钮吧,加入点击事件,看看能不能获取到内容:

string s = this.txtEditorContents.Text;Response.Write(s);

整了个字符串接收了一下文本框的内容,那个文本框就像是一个中转站一样。

加入断点-F10进入调试-添加新闻-确定添加:发现出错了,但是内容能看见获取到了。

解决这个错误,新建立的web窗体页面最上边会默认加入一行代码:

<%@ Page Language="C#" ?ValidateRequest="false" AutoEventWireup="true" CodeBehind="News.aspx.cs" Inherits="Appworld.AdminMe.News" %>

把标红的那个写进去就行了,再次调试,清晰可见,内容存进了变量里,接着转存数据库即可。

ASP.NET整合UEditor获取新闻内容及出错解决

原文地址:http://www.cnblogs.com/yn-yinian/p/7762004.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved