html实现富⽂本编辑器实例，富⽂本编辑器Tinymce的⽰例和配
置
tinymce 4 editor
tinymce.init({
selector:"#txt",
plugins: ["advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker","searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking","table contextmenu directionality emoticons template textcolor paste fullpage textcolor codesample"],
toolbar1:"undo redo | cut copy paste | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
toolbar2:"searchreplace | bullist numlist | outdent indent blockquote | link unlink anchor image media code codesample | inserttime preview | forecolor backcolor",
toolbar3:"table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft",
menubar:false,
toolbar_items_size:'small',
style_formats: [
{title:'Bold text', inline:'b'},
{title:'Red text', inline:'span', styles: {color:'#ff0000'}},
{title:'Red header', block:'h1', styles: {color:'#ff0000'}},
{title:'Example 1', inline:'span', classes:'example1'},
{title:'Example 2', inline:'span', classes:'example2'},
{title:'Table styles'},
{title:'Table row 1', selector:'tr', classes:'tablerow1'}
],
templates: [
{title:'Test template 1', content:'Test 1'},
{title:'Test template 2', content:'Test 2'}
],
language:'zh_CN'});
提交
asp富文本编辑器
$("#btn").click(function(){
$("#xx").html(Content() );
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。