站长资源 网页制作

jquery编辑器插件tinyMCE的使用方法

整理:jimmy2024/5/19浏览2次

简介修改简化文件大小后的案例下载：下载文件到本地也可以到官方网站下载最新的基于jquery的 https://www.jb51.net/codes/44180.html1 html

<div id="MyContent"><p>修改简化文件大小后的案例下载：下载文件到本地 也可以到官方网站下载最新的基于jquery的 https://www.jb51.net/codes/44180.html</p>
<p><strong>1 html</strong></p>
<p><textarea id="txtcontent" runat="server" name="elm1″ rows="15″ cols="80″ style="width:80%"></textarea></p>
<p><strong>2 js引用</strong></p>
<p>首先引用tiny_mce.js和jquery-1.4.2.min.js</p>
<p>tinyMCE的调用：<br><br><u>复制代码</u>代码如下:<br><script type="text/javascript"><br>tinyMCE.init({<br>// 通用参数配置<br>mode : "textareas",<br>theme : "advanced",<br>plugins :"pagebreak,style,layer,table,save",<br>// 主题参数配置<br>theme_advanced_buttons1 :",bold,italic,underline,strikethrough",<br>theme_advanced_buttons2 : "",<br>theme_advanced_toolbar_location : "top",<br>theme_advanced_toolbar_align : "left",<br>theme_advanced_statusbar_location : "bottom",<br>theme_advanced_resizing : true,<br>// 在此处可以更换您自己的样式<br>content_css : "css/word.css",<br>external_link_list_url : "lists/link_list.js",<br>// Replace values for the template plugin<br>template_replace_values : {<br>username : "Some User",<br>staffid : "991234″<br>}<br>});<br></script><br></p>
<p><strong>参数详解：</strong></p>
<p>mode：textareas或者exact<br>elements：配合mode中exact使用，它的值为html中要使用的textaear的id或name名称<br>theme：所使用的样式<br>skin：找到相应的skin目录下样式<br>skin_variant：skin目录下的文件css选择，如：skin_variant : "black"表示：skins\o2k7\ui_black.css<br>plugins：plugins文件夹下插件的选择使用<br>theme_advanced_buttons1:第一行的功能按钮显示，一下以此类推theme_advanced_buttons2等等<br>3 扩展<br>向输入框中通过js追加一个图片并显示，js代码如下：<br>tinyMCE.execCommand(‘mceInsertContent’,false,"<p><img src=\"../images/house.jpg\" alt=\"\" width=\"588\" height=\"419\" /></p>");<br>通过js获取输入框内容，代码如下：<br>tinyMCE.getInstanceById(‘txtcontent’).getBody().innerHTML</p></div>
</div>
            </div>
            <div class="share"> </div>
            <div class="nextinfo">
                <p>上一篇：<a href="/3g/1/76613.html" title="CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)">CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)</a></p>
                <p>下一篇：<a href="/3g/1/76615.html" title="tinyMCE使用方法与心得详解">tinyMCE使用方法与心得详解</a></p>
            </div>
            <div class="otherlink">
                <h2>最新资源</h2>
                <ul>
                     
<li><a href="/3g/1/611864.html" title="群星1990-经典金曲金中之金2CD[日本天龙版">群星1990-经典金曲金中之金2CD[日本天龙版</a></li>
 
<li><a href="/3g/1/611863.html" title="群星《2024好听新歌05》十倍音质WAV分轨">群星《2024好听新歌05》十倍音质WAV分轨</a></li>
 
<li><a href="/3g/1/611862.html" title="诹访内晶子AkikoSuwanai巴赫：小提琴协奏曲">诹访内晶子AkikoSuwanai巴赫：小提琴协奏曲</a></li>
 
<li><a href="/3g/1/611861.html" title="苏打绿《原汁原味》[320K/MP3][27.44MB]">苏打绿《原汁原味》[320K/MP3][27.44MB]</a></li>
 
<li><a href="/3g/1/611860.html" title="苏打绿《原汁原味》[FLAC/分轨][73.86MB]">苏打绿《原汁原味》[FLAC/分轨][73.86MB]</a></li>
 
<li><a href="/3g/1/611859.html" title="群星《青春重置计划9新的凡人歌》[320KMP">群星《青春重置计划9新的凡人歌》[320KMP</a></li>
 
<li><a href="/3g/1/611858.html" title="苏曼《苏曼的夜晚HQII》[低速原抓WAV+CUE">苏曼《苏曼的夜晚HQII》[低速原抓WAV+CUE</a></li>
 
<li><a href="/3g/1/611857.html" title="【电影原声】汉斯·季默《星际穿越》2014[">【电影原声】汉斯·季默《星际穿越》2014[</a></li>
 
<li><a href="/3g/1/611856.html" title="诹访内晶子AkikoSuwanai巴赫：小提琴协奏曲">诹访内晶子AkikoSuwanai巴赫：小提琴协奏曲</a></li>
 
<li><a href="/3g/1/611855.html" title="王力宏《十八般武艺》[低速原抓WAV+CUE]">王力宏《十八般武艺》[低速原抓WAV+CUE]</a></li>

</ul>
            </div>
        </div>
        <div class="sidebar">
            <div class="cloud"><h2 class="hometitle">一句话新闻</h2><a href="/3G/1/604690.html"><ul>Windows上运行安卓你用过了吗<br><br>在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。</ul></a></div>
             
        </div>
        <div class="sidebar">
            友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a>
        </div>
    </article>
    <footer>
        <p>Design by <a href="http://m.ddrfans.com">DDR爱好者之家</a> <a href="/">http://m.ddrfans.com</a></p>
    </footer>
    <script src="/images3g/nav.js"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(function() {
        var elm = jQuery('#left_flow2');
        var startPos = jQuery(elm).offset().top;
        jQuery.event.add(window, "scroll", function() {
            var p = jQuery(window).scrollTop();
            jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : '');

jQuery(elm).css('top', ((p) > startPos) ? '0' : '');
        });
    });
    </script>
</body>

</html>