
KindEditor的可视化 *** 作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要将HTML数据同步到原来的textarea,editorsync()函数会完成这个动作。
KindEditor的可视化 *** 作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要将HTML数据同步到原来的textarea,editorsync()函数会完成这个动作。
KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加sync函数,所以用form方式提交数据,不需要手动执行sync()函数。
<html>
<head>
<link rel="stylesheet" href="kindeditor/themes/default/defaultcss" />
<script charset="utf-8" src="kindeditor/kindeditor-minjs"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CNjs"></script>
<jsp:include page="topjsp" flush="true"/>
<script language="JavaScript" type="text/javascript">
var editor;
KindEditorready(function(K) {
editor = Kcreate('textarea[name="content"]', {
resizeType : 1,
allowPreviewEmoticons : false,
items : [
'undo','redo','|','formatblock','fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline','strikethrough','removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist','insertunorderedlist','insertorderedlist','insertunorderedlist', '|', 'emoticons', 'image', 'link','table','hr','preview'],
});
});
function save(){
//取得HTML内容
//同步数据后可以直接取得textarea的value
editorsync();
html=documentgetElementById('addeditor_id')value;//原生API
$("#schtmlnr")val(html);//把KindEditor产生的html代码放到schtmlnr里面,用于提交
}
</head>
<body>
<form>
<textarea id="addeditor_id" name="content" style="width:100%;height:200px;border: 0 none;visibility:hidden;"></textarea>
<textarea rows="" cols="" name="schtmlnr" id="schtmlnr" style="display:none;"></textarea>
<input type="button" value="提交" onclick="save()"/>
<form>
</body>
</html>
ckeditor组件不是这个标记
textarea就是一个HTML控件,给他属性加上ruant="server"。
后台直接editor1value或者editor1text就能访问到了啊。
如果你说ckeditor他是一个组件,首先工具箱添加相关的BLL,然后会自动生成控件,这个时候拖入页面就可以使用了。
问题的解决办法其实也很简单,在js提交form之前加一句话documentgetElementById("content1")value=KEutilgetData('content1');
以上就是关于fck修改成kindeditor后修改原有文章无法提取内容全部的内容,包括:fck修改成kindeditor后修改原有文章无法提取内容、<textarea> 采用kindeditor编辑器,结果在表单提交时,javabean没有获得<textarea>的内容,请问什么原因、如何向KindEditor里插入HTML内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)