目标了解的为UEditor和CKEditor
——————————————————————————————————————————————————————————————
UEditor的使用方法为:
加载必须的JS:
<!--UEditor文本编辑器start-->
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/lang/zh-cn/zh-cn.js"></script>
<!--UEditor文本编辑器end-->
调用时:
<textarea id="Contents" name="Contents" class="txtArea" rows="6"></textarea>
<script type="text/javascript">
UE.getEditor('Contents', { initialFrameWidth: null });
</script>
在原有的textarea底部增加JS语句即可(方法很多,其它的也是添加JS语法)
取值时可以看Demo,其中一个JS取值方法为:
UE.getEditor('Contents').getContent();
——————————————————————————————————————————————————————————————————
CKEditor的使用方法:
必须的JS:
<!--ck文本编辑器start-->
<script src="~/Content/Scripts/ckeditor/ckeditor.js"></script>
<!--ck文本编辑器end-->
调用时:
<textarea id="Contents" name="Contents" class="txtArea" rows="6"></textarea>
<script type="text/javascript">
CKEDITOR.replace('Contents');
</script>
取值时:
CKEDITOR.instances.CKEditor1.document.getBody().getText();