这里面有一个流程
1、从UEditor获取数据在后台
2、在后台中通过SQL往数据库中填充数据
如果第一个解决了；我相信第二个问题；楼主就可以自己解决了；
aspx
前台页面
<body>
<form runat=server id=uploadPic>
<div id="editor"></div>
<div id="textarea" runat="server" name='textarea'></div>
<input type="submit" id="btnSubmit" name='btnSubmit' runat="server" value="编辑完毕，提交" onserverclick="btnSubmit_Click" style="width: 140px" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>
<script type="text/javascript">
var editor = new baidueditoruiEditor({
UEDITOR_HOME_URL: '/common/ueditor/',
iframeCssUrl: '/common/ueditor/themes/default/iframecss',
autoClearinitialContent: true,
initialContent: '在编辑器中默认显示的内容', //初始化编辑器的内容
minFrameHeight: 200, //设置高度
textarea: 'textarea' //设置提交时编辑器内容的名字，之前我们用的名字是默认的editorValue
});
editorrender('textarea');
</script>
</body>
aspxcs
protected void btnSubmit_Click(object sender, EventArgs e) {
//测试获取编辑文本的值
string str = RequestParams["textarea"];
// ClientScriptRegisterClientScriptBlock(thisGetType(), "s", "alert('" + RequestParams["textarea"] + "')", true);
//string str = RequestForm["textarea"];
TextBox1Text = strr;
}
这是获取值得方式
前台：<script type="text/javascript">
var editor = new baidueditoruiEditor({
UEDITOR_HOME_URL: '',
autoClearinitialContent:true,
iframeCssUrl: 'themes/default/iframecss',
textarea: 'editorcontent'
});
editorrender('editor');
</script>
后台：string str = RequestParams["editorcontent"];
改变iframe链接。
这个是iframe嵌入内容里面的元素，点击这个，想让外面的tab栏切换，iframe链接也要改变，点击下一个iframe外面的元素，点击跳转即可。
百度UEditor的推出，可以帮助不少网站开发者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本。
如何过滤掉html标记：例如有一个textarea文本框，id为NeiRongJianJie，而euditor的textarea的id为f_ZhengWen
，接下来就要在后台cs后面编写程序了先看下面的图
这个是id为NeiRongJianJie的textarea文本框获取euditor的textarea文本框的前200个字符内容。这时在页面上会看到
内容
，如果你插入的话，连的地址都会显示出来，如何去掉html标签的
，其实办法很简单，只要在cs写条函数就可以，这条函数，以后也可以用到别的地方。函数如下
public
string
RemoveHtmlTag(string
Str)
{
return
RegexReplace(Str,
"<[^>]>",
"
");
}
接下啦就是函数的调用了
string
str=f_ZhengWenValueToString()Substring(0,
200);
NeiRongJianJieValue=RemoveHtmlTag（str）;
这样的话在id为NeiRongJianJie的textarea文本框
就不会显示出html标记。获得纯文本。
1、下载编辑器
2、解压到网站文件夹中
3、文件头中 加载js 文件，注意路径 和编码
<script type="text/javascript" charset="gbk" src="/editor_configjs"></script>
<script type="text/javascript" charset="gbk" src="/editor_alljs"></script>
4、 定义编辑器的编辑框
<script id="editor" type="text/plain" style="width:1076px;" >这里可以书写，编辑器的初始内容</script>
5、页面底部加入初始化程序
<script type="text/javascript">
//实例化编辑器
UEgetEditor('editor');
function createEditor(){
enableBtn();
UEgetEditor('editor')
}
function getAllHtml() {
alert( UEgetEditor('editor')getAllHtml() )
}
function getContent() {
var arr = [];
arrpush( "使用editorgetContent()方法可以获得编辑器的内容" );
arrpush( "内容为：" );
arrpush( UEgetEditor('editor')getContent() );
alert( arrjoin( "\n" ) );
}
function getPlainTxt() {
var arr = [];
arrpush( "使用editorgetPlainTxt()方法可以获得编辑器的带格式的纯文本内容" );
arrpush( "内容为：" );
arrpush( UEgetEditor('editor')getPlainTxt() );
alert( arrjoin( '\n' ) )
}
function setContent() {
var arr = [];
arrpush( "使用editorsetContent('欢迎使用ueditor')方法可以设置编辑器的内容" );
UEgetEditor('editor')setContent( '欢迎使用ueditor' );
alert( arrjoin( "\n" ) );
}
function setDisabled() {
UEgetEditor('editor')setDisabled( 'fullscreen' );
disableBtn( "enable" );
}
function setEnabled() {
UEgetEditor('editor')setEnabled();
enableBtn();
}
function getText() {
//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
var range = UEgetEditor('editor')selectiongetRange();
rangeselect();
var txt = UEgetEditor('editor')selectiongetText();
alert( txt )
}
function getContentTxt() {
var arr = [];
arrpush( "使用editorgetContentTxt()方法可以获得编辑器的纯文本内容" );
arrpush( "编辑器的纯文本内容为：" );
arrpush( UEgetEditor('editor')getContentTxt() );
alert( arrjoin( "\n" ) );
}
function hasContent() {
var arr = [];
arrpush( "使用editorhasContents()方法判断编辑器里是否有内容" );
arrpush( "判断结果为：" );
arrpush( UEgetEditor('editor')hasContents() );
alert( arrjoin( "\n" ) );
}
function setFocus() {
UEgetEditor('editor')focus();
}
function deleteEditor() {
disableBtn();
UEgetEditor('editor')destroy();
}
function disableBtn( str ) {
var div = documentgetElementById( 'btns' );
var btns = domUtilsgetElementsByTagName( div, "input" );
for ( var i = 0, btn; btn = btns[i++]; ) {
if ( btnid == str ) {
domUtilsremoveAttributes( btn, ["disabled"] );
} else {
btnsetAttribute( "disabled", "true" );
}
}
}
function enableBtn() {
var div = documentgetElementById( 'btns' );
var btns = domUtilsgetElementsByTagName( div, "input" );
for ( var i = 0, btn; btn = btns[i++]; ) {
domUtilsremoveAttributes( btn, ["disabled"] );
}
}
</script>
多余函数可以删除，如果你用不着的话
事实证明百度ueditor并没有新增将word内容导入到富文本编辑框的功能，需要借助百度DOC通过复制粘贴来解决该问题。其中的具体步骤如下：
1、直接打开百度DOC的相关窗口，会看到图示的界面。
2、下一步，需要找到导入文档并根据实际情况进行确定。
3、这个时候如果没问题，就利用快捷键ctrl+a进行复制。
4、这样一来等快捷键ctrl+v粘贴到百度ueditor以后会得到对应的结果，即可达到目的了。
你在ueditor中输入内容后，本身就是带html标签的， 如果你就想要不带html标签的，就在提交的时候获取下纯文本内容，放到一个隐藏域中，后台获取隐藏域的值， getContentTxt，你可以去查看一下它的api
以上就是关于ueditor 怎么提交数据到数据库全部的内容，包括:ueditor 怎么提交数据到数据库、各位高手请问一哈，百度UEditor编辑器怎么在asp.net后台中得到此编辑器的内容、ueditoriframe有内容获取不到等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）