编辑器都自带使用方法的。推荐使用TinyMCE这个编辑器 下面是具体案例的使用方法。获取值得时候获取id的值就可以
<textarea id="contentform" rows="1" cols="1" style="width:580px;height:360px;" name="articlecontent"></textarea>
<!-- Load TinyMCE -->
<script type="text/javascript" src="tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
$().ready(function() {
$("#contentform").tinymce({
// Location of TinyMCE script
script_url : 'tiny_mce/tiny_mce.js',
// General options
theme : "advanced",
language : "zh",
width : "580",
height : "360",
add_unload_trigger : true,
plugins : "Ybrowser,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
// Theme options
theme_advanced_buttons1 : "undo,redo,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "forecolor,backcolor,del,ins,|,cut,copy,paste,pastetext,pasteword,|,outdent,indent,attribs,|,link,unlink,anchor,image,Ybrowser,media,cleanup,|,preview,code,fullscreen",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : false,
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
relative_urls : false,
convert_urls :true,
remove_script_host : false
});
var formoptions = {
beforeSubmit: function() {
$("#submitbtn").val("正在处理...");
$("#submitbtn").attr("disabled","disabled");
},
beforeSerialize: function($form, options) {
tinyMCE.triggerSave();
},
success: function (msg) {
alert(msg);
if(msg == "文章添加成功!")
{
$("#sform").resetForm();
var now = new Date();
$("#pubdate").val(now.format("yyyy-mm-dd HH:MM:ss"));
}
$("#submitbtn").val("提交");
$("#submitbtn").attr("disabled","");
}
};
$("#sform").ajaxForm(formoptions);
$("#pubdate").datetimepicker({
showSecond: true,
timeFormat: 'hh:mm:ss',
hour:<?php echo date('H');?>,
minute:<?php echo date('i');?>,
second:<?php echo date('s'); ?>,
closeText:'完成',
currentText:'当前时间'
});
});
</script>
<!-- /TinyMCE -->
温馨提示:答案为网友推荐,仅供参考