站长资源网络编程

简介因为直接把内容作为字符串给编辑器的 Value 属性赋值使用的是 JavaScript 代码，要让 JS 代码不受内容中双引号、换行等的干扰，只有先读入到 textarea 最方便。 使用 CKeditor 3.0.1 复制代码 代码如下: <div class="news_infos"><div id="MyContent">因为直接把内容作为字符串给编辑器的 Value 属性赋值使用的是 JavaScript 代码，要让 JS 代码不受内容中双引号、换行等的干扰，只有先读入到 textarea 最方便。 <br><br>使用 CKeditor 3.0.1 <BR><U>复制代码</U> 代码如下: <BR><textarea cols="90" rows="10" id="content" name="content">cftea</textarea> <BR><script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"><script type="text/javascript"> <BR><!-- <BR>CKEDITOR.replace("content"); <BR>//--> <BR></script> <BR> <BR>可以看出，3.x 版本的使用非常方便，也不用担心会形成两个同名的 content。实际上 textarea 的 id 省略了也是可以的，因为 CKEditor 会先按 name 来查找，查找不到，再按 id 来查找。 <br><br>并且编辑器会在 textarea 的位置替换原有的 textarea。 <br><br>设置编辑器皮肤、宽高 <BR><U>复制代码</U> 代码如下: <BR><textarea cols="90" rows="10" id="content" name="content">cftea</textarea> <BR><script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"><script type="text/javascript"> <BR><!-- <BR>CKEDITOR.replace("content", <BR>{ <BR>skin: "kama", width:700, height:300 <BR>}); <BR>//--> <BR></script> <BR> <BR>skin 值应该是 ckeditor/skins 文件夹下的某个文件夹名称，如果指向不存在的皮肤，则不会显示编辑器。 <br><br>设置值、取值 <br><br>设置值 <br><br>CKEDITOR.instances.content.setData(""); // content 就是前面 CKEDITOR.replace 的第一个参数值 <BR>或 <BR><U>复制代码</U> 代码如下: <BR>var editor = CKEDITOR.replace("content"); <BR>editor.setData(""); <BR> <BR>取值 <br><br>alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一个参数值 <BR>或 <br><br>var editor = CKEDITOR.replace("content"); <BR>alert(editor.getData()); <BR>插入图片 <br><br>若要演示此示例，最好是放在按钮的事件处理程序中，目的是有些延迟。 <br><br>CKEDITOR.instances.content.insertHtml("<img src=...>");</div> </div> </div> <div class="share"> </div> <div class="nextinfo"> <p>上一篇：<a href="http://m.wwsws.com/show/1/165051.html" title="FCKEditor 自定义用户目录的修改步骤 (附源码)">FCKEditor 自定义用户目录的修改步骤 (附源码)</a></p> <p>下一篇：<a href="http://m.wwsws.com/show/1/165053.html" title="CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程（含插入图片）">CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程（含插入图片）</a></p> </div> <div class="otherlink"> <h2>最新资源</h2> <ul> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620773.html" one-link-mark="yes" title="群星《歌手2024 第3期》[FLAC/分轨][204.16MB]"><span>群星《歌手2024 第3期》[FLAC/分轨][204.16MB]</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620772.html" one-link-mark="yes" title="群星《乘风2024 第6期》[320K/MP3][57.95MB]"><span>群星《乘风2024 第6期》[320K/MP3][57.95MB]</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620771.html" one-link-mark="yes" title="群星《乘风2024 第6期》[FLAC/分轨][170.72MB]"><span>群星《乘风2024 第6期》[FLAC/分轨][170.72MB]</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620770.html" one-link-mark="yes" title="陈立强1995-我爱你胜过这世界[福茂][WAV+CUE]"><span>陈立强1995-我爱你胜过这世界[福茂][WAV+CUE]</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620769.html" one-link-mark="yes" title="群星-《2014年十大发烧唱片精选HQCD》[低速原抓WAV+CUE]"><span>群星-《2014年十大发烧唱片精选HQCD》[低速原抓</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620768.html" one-link-mark="yes" title="群星2013-青春缤纷辑压箱宝大公开3CD2[新加坡限量版][WAV整轨]"><span>群星2013-青春缤纷辑压箱宝大公开3CD2[新加坡限</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620767.html" one-link-mark="yes" title="林育群.2013-BalladShow（日本版）【环球】【WAV+CUE】"><span>林育群.2013-BalladShow（日本版）【环球】【WAV+</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620766.html" one-link-mark="yes" title="陈加洛.1992-痛到感觉不到【宝丽金】【WAV+CUE】"><span>陈加洛.1992-痛到感觉不到【宝丽金】【WAV+CUE】</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620765.html" one-link-mark="yes" title="群星.2023-宿命之敌电视剧原声带【韶愔音乐】【FLAC分轨】"><span>群星.2023-宿命之敌电视剧原声带【韶愔音乐】【</span></a> </li> <li> <i class="iconfont icon-point"></i> <a class="text-sm" href="/show/1/620764.html" one-link-mark="yes" title="東京事変-大発見[FLAC+CUE]"><span>東京事変-大発見[FLAC+CUE]</span></a> </li> </ul> </div> </div> <div class="sidebar"> <div class="cloud"><h2 class="hometitle">一句话新闻</h2><a href="/3G/1/604673.html"><ul>微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键<br><br>几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。<br>在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。</ul></a></div> </div> </article> <footer> <p>友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="http://www.ddrfans.com/" 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> <a href="/sitemap.xml">SiteMap</a></p> <p>Design by <a href="http://m.wwsws.com">伏龙阁资源网</a> <a href="/">http://m.wwsws.com</a></p> </footer> <script src="/images/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>