editting effect with toolbar copy and paste in tinymce Editor

最新推荐文章于 2024-11-02 12:42:04 发布

apple443322

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量90

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/happy-Chen/p/3685329.html

版权

<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><scriptsrc="//tinymce.cachefly.net/4.0/tinymce.min.js"></script><scripttype="text/javascript">
    tinymce.init({
        selector:"h1.editable",inline:true,
        toolbar:"undo redo",
        menubar:false});

    tinymce.init({
        selector:"div.editable",inline:true,
        plugins:["advlist autolink lists link image charmap print preview anchor","searchreplace visualblocks code fullscreen","insertdatetime media table contextmenu paste"],
        toolbar:"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"});</script></head><body><formid="form1"runat="server"><div><h1class="editable">Editable header</h1><divclass="editable"style="width:100%;height:550px"> 
This is an editable div element element. 
</div></div></form></body></html>

please see live demo:

http://jsbin.com/xipupemi/1

转载于:https://www.cnblogs.com/happy-Chen/p/3685329.html