以名称-值属性方式传递给TinyMCE的init方法的设置控制着程序的全局行为。所有的键及可能的键值如下表所示。注意,用[]括起来的名称是可选的,不是必须的设置。

常规设置
mode Mode可以是以下几个值之一:
textareas – 页面加载时把所有TEXTAREA组件转换成编辑器.
specific_textareas – 将所有”mce_editable”属性值为true的TEXTAREA转换成编辑器.
exact – 只转换在”elements”设置中指定的确切组件.
[theme] 指定要使用的主题名称,主题将被放在TinyMCE的themes目录下,默认为default。TinyMCE自带三个内置的主题,它们是simple,default和advanced。
如果你想创建自己的主题,请仔细阅读文档的 主题 部分。

[plugins] 此选项是一系列以逗号分隔的主题插件列表(例如,可以只用来扩展图像对话框)。这些插件覆盖了主题模板中定义的功能。插件逻辑应该包含在一个叫”editor_plugin.js”的文件中,它是插件目录中唯一被包含进来的文件。
例如:”my_image_dialog,my_link_dialog”.

如果你想创建自己的插件,请仔细阅读文档的 主题 部分。

[language] TinyMCE中使用的语言包,这应该是像se,uk,us等诸如此类的FN代码,它被用来从”langs”目录中获取语言包,该设置的默认值为”uk”.
中文用户建议您使用”zh-CN”

[elements] 以逗号分隔的用来转换成编辑器的组件列表,该选项仅在”mode”选项被设置成”exact”时使用。该列表中的元素可以是任何有id或name属性的HTML组件。
[ask] 当”mode”被设置成”textareas”或”specific_textareas”的时候,该选项被应用,询问用户输入框是否将被转换成编辑器。
如果你想使用这个选项,将它设置为true.

[textarea_trigger] textarea(文本域)触发器的属性,默认值为”mce_editable”。
该选项仅在”mode”被设置为”specific_textareas”时使用。

[valid_elements] 以逗号分隔开的组件转换部分的列表。
例如: a[href|target=_blank],strong/b,div[align],br.

以上例子告诉TinyMCE移除所有除了”a, strong, div”和”br”的组件,将元素b转换成strong,默认target设为”_blank”并保持href、target、align属性。在匹配组件及属性的名称时可以使用像*,+,?这样的通配符。

字符:

, 各组件定义之间的分隔符。
/ 两个同义组件之间的分隔符。第一个组件是会被用来输出的那个(即第二个组件被第一个替换)。
| 各属性定义之间的分隔符。
[ 定义某组件的属性列表的开始符号。
] 定义某组件的属性列表的结束符号。
= 将属性的默认值设为特定值。例如:”target=_blank”
: 将属性的值强行设为特定值。例如:”border:0″
< 校验某个属性的值。例如:”target<_blank?_self” ? 属性校验值之间的分隔符,见上。 特殊变量: {$uid} – 产生一个唯一ID号。 例如:”p[id:{$uid}]”. 此选项的默认值是以下模式: "a[href|target],strong/b[class],em/i[class],strike[class],u[class],p[class|align],ol,ul,li,br, img[class|src|border=0|alt|hspace|vspace|width|height|align],sub,sup,blockquote[dir|style], table[border=0|cellspacing|cellpadding|width|height|class|align],tr[rowspan], td[colspan|rowspan|width|height],div[class|align],span[class|align],pre[class|align], address[class|align],h1[class|align],h2[class|align],h3[class|align], h4[class|align],h5[class|align],h6[class|align],hr". 要包含所有组件及属性,请使用 *[*] ,这在使用invalid_elements选项时特别有用。 [extended_valid_elements] 向”valid_elements“列表末尾添加可用组件。此选项在你仅仅想往默认列表中增添部分组件时相当有用。 格式与”valid_elements”一致。 [invalid_elements] 输出时需要排除在外的组件名称列表,以逗号分隔开。 [trim_span_elements] True/False选项。如果设置为true,不需要的组件将被移除。默认值即为true。 [verify_css_classes] True/False选项。如果设置为true,将会校验CSS的class属性。默认值即为true。 [verify_html] True/False选项。代表着HTML内容是否需要校验。默认值为true。 [urlconvertor_callback] 当清理进程处理URL的时候调用的函数名。此函数必须遵从以下的格式:func(url, node, on_save) ,返回转换后的URL。此设置专为集成目的而设。参数url代表要转换的地址,node代表包含URL的那个节点,on_save是一个布尔值(在用户提 交表单时为真)。 [preformatted] True/False选项。如果设置为true,编辑器将把制表符(TAB)转换成缩进,除此外保持其他whitespace(空白字符、换行等)字符,就如同HTML标签中的PRE的效果。默认值为false。 [insertlink_callback] 当执行”insertlink”命令时调用的函数名。此函数获取选定链接的地址和目标,返回一个以”href”, “target”和 “title”为collection名称的数组。当使用新窗口时,为了兼容Mozilla,会在window.opener(弹出窗口的母窗口,译者 注)上调用tinyMCE.insertLink。 [insertimage_callback] 当执行”insertimage”命令时调用的函数名。此函数获取选定图像的url并返回一个以src和alt为collection名称的数组。当使用新窗口时,为了兼容Mozilla,会在window.opener上调用tinyMCE.insertImage。 函数格式:insertimage(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout, action). [setupcontent_callback] 当编辑器初始化时调用的函数名。函数格式:setupContentCallback(editor_id, node),其中editor_id是编辑器的id,node是编辑器所在的body组件节点。 [save_callback] 当执行triggerSave(触发保存)命令被调用时调用的函数名。函数格式:save(id, content, node),如果有特定返回值,其值将会被加到HTML表单组件上。所以可以通过此函数来自定义用户转换逻辑。 [docs_language] TinyMCE文档中使用的语言,这应该是像se,uk,us等诸如此类的FN代码,它被用来从”/docs/”目录中获取文档。 该选项的默认值跟language选项一致。
[width] 编辑器的宽度,它默认的宽度是原先被替换的组件宽度。
[height] 编辑器的高度,它默认的高度是原先被替换的组件高度。
[content_css] 编辑窗口中要使用的CSS文件,其路径应该跟页面相关。
[popups_css] 像插入链接和图片时的弹出窗口中使用的CSS文件,其路径应该跟页面相关。
[editor_css] 编辑器使用的CSS文件,其路径应该跟页面相关。
[encoding] 编辑器的输出编码,此选项目前只能为”html”或者空。如果设置为”html”,编辑器的输出将经过HTML编码处理。
例如:<将会变成<,依此类推。默认值是空。 [debug] True/False选项。如果设置成true,像css文件路径等调试信息将会被显示。 [visual] True/False选项。如果设置成true,当边框设置成0的时候,为达到更好的视觉效果在编辑器中表格会有虚线出现。 默认值为true。 [visual_table_style] 用户可自定义表格的样式,默认值为:”border: 1px dashed #BBBBBB”。 [add_form_submit_trigger] True/False选项。如果设置成true,将强制进行所有表单的”onsubmit”事件处理并引发保存。此选项默认值为true。 [add_unload_trigger] True/False选项。如果设置成true,在”onunload”事件发生时,当前窗口会引发一个triggerSave调用。此triggerSave调用不会做任何清理工作,因为它是用来处理 前进/后退 按钮的。此选项默认值为true。 [force_br_newlines] True/False选项。此选项强制编辑器将段落符号(P)替换成换行符(BR)。此选项默认值为false。(实验阶段) [force_p_newlines] True/False选项。如果打开此选项,在按下回车键(Enter)时Mozilla/Firefox浏览器会生成段落符号(P),在按下Shift+Enter时会生成换行符(BR)。此选项默认为true。 [relative_urls] True/False选项。如果设置成true,绝对路径将被转换成相对路径。默认值为true。 [remove_script_host] True/False选项。在设置成true的情况下,如果URL中的主机名、端口号跟编辑器当前所在一致,它们会被移除。 例如:编辑器所在站点为 http://www.somesite.com ,那么以下链接 http://www.somesite.com/somedir/somepage.html 将会被转换成 /somedir/somepage.html 。 如果relative_urls被设置成false,此选项默认为true。 [focus_alert] True/False选项。如果设置成true,编辑器在失去焦点的时候就会出现一个烦人的警告框。默认值为true。 [document_base_url] 在将绝对路径转换成相对路径的时候会用到此文档的URL。这个选项指定了编辑器当前的默认文档。 注意如果此选项指定到一个域名,请添加协议前缀,并以斜杠结尾。例如:http://www.somehost.com/mydir/ [custom_undo_redo] True/False选项。此选项可以使 撤消/重做 功能更加完善。默认值为true。 [custom_undo_redo_levels] 自定义最多可撤消操作的次数,默认是无限制。 [custom_undo_redo_keyboard_shortcuts] 如果使用,编辑器可以使用Ctrl+Z和Ctrl+Y快捷键来实现撤消和重做。默认允许。 [fix_content_duplication] True/False选项。此选项修正了MSIE中一个内容重复的bug。默认启用,但是为了兼容性也可以禁用(false)。 [directionality] 此选项可以设置像阿拉伯语等语言的文字方向。可能的值为:ltr, rtl。默认值: ltr(从左到右)。 [auto_cleanup_word] 如果启用,从MS office/Word粘贴的HTML将会自动被清理。此选项默认值为false。 注意:此操作当前仅支持MSIE。 [cleanup_on_startup] 如果启用,在编辑器初始化时文本域及组件将会被清理。默认值为false。 [inline_styles] 如果启用,像width,height,vspace,hspace和align等属性将会被风格属性替代。默认值为false。 在使用此选项时记得要把风格属性应用在正确的组件上。 [convert_newlines_to_brs] 如果启用,所有的\n(新行)将会在编辑器启动时被转换成
组件。此选项默认值为false。
[auto_reset_designmode] 因为在调用style.display的none/block方法来显示/隐藏某个TinyMCE编辑器的时候有bug,设计模式需要被重置。此选项一旦启用,当编辑器聚焦时,将自动重置。默认值为false。
[entities] 一张以字符代码来查找名称的表,该表中元素是以逗号分隔开的实体列表。该列表以奇数项、偶数项区分,其中奇数项是被用来转换的字符代码,偶数项是代表那个字符代码的实体名称。例如:”8205,zwj,8206,lrm,8207,rlm,173,shy”。
[cleanup_callback] 自定义清理函数。此选项能让用户在默认的清理基础上有所扩展。此函数调用跟默认的调用是分开的,它并不替换默认的清理函数,而仅仅是扩展。点击 插件清理 查看更多细节。
主题的高级特定设置
[theme_advanced_toolbar_location] 此选项用来改变工具栏的默认位置。可能的值为:”top”和”bottom”。默认值是”bottom”。
[theme_advanced_toolbar_align] 此选项用来设置工具栏的对齐方式是left, center还是right。默认值是center。
[theme_advanced_styles] 此选项可以用来增加风格下拉框中的CSS类和名称。格式如下:”=<class>;..”。<br /> 如果没有指定此选项,主内容部分的CSS类将会被自动导入。</p> <p>例如:”Header 1=header1;Header 2=header2;Header 3=header3″</p> [theme_advanced_buttons1] 工具栏上第一行要包含的按钮列表,以逗号分隔开。例如:”bold,italic,underline”。<br /> 允许的按钮名称如下:</p> <p>bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, styleselect, bullist, numlist, outdent, indent, undo,redo, link, unlink, image, cleanup, help, code, table, row_before, row_after, delete_row, separator, rowseparator, col_before, col_after, delete_col, hr, removeformat, sub, sup, formatselect, fontselect, fontsizeselect, forecolor,charmap,visualaid,spacer,cut,copy,paste</p> [theme_advanced_buttons2] 同上,差别在于指定的是工具栏第二行。<br /> [theme_advanced_buttons3] 同上,差别在于指定的是工具栏第三行。<br /> [theme_advanced_buttons<N>_add] 向工具栏上特定的第N行中增加额外的控制/按钮。例如:theme_advaned_buttons3_add : “iespell”.<br /> [theme_advanced_buttons<N>_add_before] 向工具栏上特定的第N行的默认按钮前面增加额外的控制/按钮。例如:theme_advaned_buttons3_add_before : “iespell”。<br /> [theme_advanced_disable] 要禁用的按钮/组件的列表,以逗号分隔。例如:”formatselect”.<br /> [theme_advanced_source_editor_width] 源文件编辑器窗口的宽度。<br /> [theme_advanced_source_editor_height] 源文件编辑器窗口的高度。<br /> [theme_advanced_path_location] 组件路径列表的位置,可能的值为:”top”或”bottom”。默认值为:”none”<br /> [theme_advanced_blockformats] formatselect列表要屏蔽的格式列表,以逗号分隔开。默认值:p,address,pre,h1,h2,h3,h4,h5,h6。<br /> 以下是一个较为复杂的初始化例子:</p> <pre class="line-numbers language-php"><code data-linenums="true" class="language-php"> <script src="tiny_mce/tiny_mce.js"></script> <script> tinyMCE.init({ mode : "exact", theme : "mytheme", language : "se", elements : "elm1,elm2" }); </script> </code></pre> <div class="praise-box text-center"> <a href="javascript:;" class="action-like" data-pid="1902" etap="like"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a> <div id="like-loader"></div> <div class="likeuser"> </div></div> <!--内容标签--> <div class="tagcloud clearfix"></div> </div> </article><!--底部AD区域--> <section class="posts-pagination"> <article class="post-pagination post-previous content-pad five-radius box-shadow pagination-visible"> <a href="https://www.ruikeedu.com/1901.html" class="pagination-title">前一篇文章</a> <div class="pagination-content"> <div class="overlay" style="background-image: url()"> <div class="overlay-content"> <span class="meta-category"><ul class="post-categories"> <li><a href="https://www.ruikeedu.com/wordpresscourse/" rel="category tag">WordPress教程</a></li> <li><a href="https://www.ruikeedu.com/articles/" rel="category tag">文章教程</a></li></ul></span> <h4>10个鲜为人知的WordPress函数</h4> <div class="post-more"><a href="https://www.ruikeedu.com/1901.html" class="btn btn-anim btn-primary"><i class="fa fa-arrow-left"></i><span class="btn-text">查看文章</span></a></div> </div> <a href="https://www.ruikeedu.com/1901.html" class="overlay-link"></a> </div> </div> </article> <article class="post-pagination post-next content-pad five-radius box-shadow pagination-visible"> <a href="https://www.ruikeedu.com/1903.html" class="pagination-title">下一篇文章</a> <div class="pagination-content"> <div class="overlay" style="background-image: url()"> <div class="overlay-content"> <span class="meta-category"><ul class="post-categories"> <li><a href="https://www.ruikeedu.com/wordpresscourse/" rel="category tag">WordPress教程</a></li> <li><a href="https://www.ruikeedu.com/articles/" rel="category tag">文章教程</a></li></ul></span> <h4>WordPress中的Debug调试模式和参数配置</h4> <div class="post-more"><a href="https://www.ruikeedu.com/1903.html" class="btn btn-anim btn-primary"><i class="fa fa-arrow-left"></i><span class="btn-text">查看文章</span></a></div> </div> <a href="https://www.ruikeedu.com/1903.html" class="overlay-link"></a> </div> </div> </article> </section> <!--相关文章--> <div class="related-posts-box content-pad five-radius box-shadow wow fadeInUp"></div> <div class="ruike-top clear"></div> </div> </main><div class="sidebar"> <div class="sidebar_wrapper"> <div class="widget_post_author wow fadeInUp"> <div class="authors_profile box-shadow five-radius"> <div class="avatar-panel" style="background-image:url(https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/img/t/3.png)"> <a target="_blank" href="https://www.ruikeedu.com/u/1/" title="瑞课" class="author_pic"> <img src="https://www.ruikeedu.com/wp-content/uploads/2018/02/image-1-80x80.jpg" class="avatar" width="80" alt="" /> </a> </div> <div class="author_name"> <a target="_blank" href="https://www.ruikeedu.com/u/1/" title="瑞课">瑞课</a> <span class="sf-featured-approve"><i class="fa fa-check"></i><span>验证作者用户</span></span> </div> <p class="author_dec">用心服务每个学员以及客户,传递正能量!</p> <ul class="flexbox flex-justified text-center p-20"> <li class="br-1 border-light"> <span class="text-muted">粉丝</span><br> <span class="fs-15">3</span> </li> <li class="br-1 border-light"> <span class="text-muted">R币</span><br> <span class="fs-15">8085</span> </li> <li> <span class="text-muted">文章</span><br> <span class="fs-15">691</span> </li> </ul> <!--勋章列表--> <div class="author_badge"></div> </div></div> <div id="ruike_type_widget-10" class="widget Ruike_type_Widget wow bounceInUp"><h3>主题推荐</h3> <article class="post-4706 clearfix"> <div class="featured"> <a title="Kingstudio v2.1 – 工作室WordPress主题" class="img-holder img-hover" href="https://www.ruikeedu.com/themes/4706.html"> <img data-src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/11/2017112002583622.jpg" src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/11/2017112002583622.jpg" class="thumb" alt="Kingstudio v2.1 – 工作室WordPress主题" width="160" height="80"/> </a> </div> <h2 class="title"> <a href="https://www.ruikeedu.com/themes/4706.html" class="post-url post-title"> <p>Kingstudio v2.1 – 工作室WordPress主题</p> </a> </h2> <div class="post-meta"> <span class="time"> <time class="post-published"> <p>11-19</p> </time> </span> </div> </article> <article class="post-3582 clearfix"> <div class="featured"> <a title="Decibel v2.1.3 -专业音乐WordPress主题" class="img-holder img-hover" href="https://www.ruikeedu.com/themes/3582.html"> <img data-src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/08/2017080920021464.jpg" src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/08/2017080920021464.jpg" class="thumb" alt="Decibel v2.1.3 -专业音乐WordPress主题" width="160" height="80"/> </a> </div> <h2 class="title"> <a href="https://www.ruikeedu.com/themes/3582.html" class="post-url post-title"> <p>Decibel v2.1.3 -专业音乐WordPress主题</p> </a> </h2> <div class="post-meta"> <span class="time"> <time class="post-published"> <p>08-09</p> </time> </span> </div> </article> <article class="post-379 clearfix"> <div class="featured"> <a title="THE CORE V1.0.1.5多用途WordPress主题" class="img-holder img-hover" href="https://www.ruikeedu.com/themes/379.html"> <img data-src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2016/05/THE-CORE.jpg" src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2016/05/THE-CORE.jpg" class="thumb" alt="THE CORE V1.0.1.5多用途WordPress主题" width="160" height="80"/> </a> </div> <h2 class="title"> <a href="https://www.ruikeedu.com/themes/379.html" class="post-url post-title"> <p>THE CORE V1.0.1.5多用途WordPress主题</p> </a> </h2> <div class="post-meta"> <span class="time"> <time class="post-published"> <p>05-14</p> </time> </span> </div> </article> <article class="post-5026 clearfix"> <div class="featured"> <a title="Terminus v1.4.1 – 响应式多用途WordPress主题" class="img-holder img-hover" href="https://www.ruikeedu.com/themes/5026.html"> <img data-src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/12/2017120501450069.jpg" src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/12/2017120501450069.jpg" class="thumb" alt="Terminus v1.4.1 – 响应式多用途WordPress主题" width="160" height="80"/> </a> </div> <h2 class="title"> <a href="https://www.ruikeedu.com/themes/5026.html" class="post-url post-title"> <p>Terminus v1.4.1 – 响应式多用途WordPress主题</p> </a> </h2> <div class="post-meta"> <span class="time"> <time class="post-published"> <p>12-04</p> </time> </span> </div> </article> <article class="post-5264 clearfix"> <div class="featured"> <a title="iRibbon Pro 2 v3.1 – 复古WordPress主题" class="img-holder img-hover" href="https://www.ruikeedu.com/themes/5264.html"> <img data-src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/12/2017121400582331.png" src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/timthumb.php?h=80&w=160&src=https://www.ruikeedu.com/wp-content/uploads/2017/12/2017121400582331.png" class="thumb" alt="iRibbon Pro 2 v3.1 – 复古WordPress主题" width="160" height="80"/> </a> </div> <h2 class="title"> <a href="https://www.ruikeedu.com/themes/5264.html" class="post-url post-title"> <p>iRibbon Pro 2 v3.1 – 复古WordPress主题</p> </a> </h2> <div class="post-meta"> <span class="time"> <time class="post-published"> <p>12-13</p> </time> </span> </div> </article></div> </div></div> </div> </div></div> <div class="site__stats"> <div class="container"> <ul class="stat-group"> <li> <div class="stat disable"> <dd class="stat__value" >0</dd> <dt class="stat__title">2月</dt> </div> </li> <li> <a href="https://www.ruikeedu.com/date/2018/01/" class="stat"> <dd class="stat__value" style="height:8.8235294117647%;">3</dd> <dt class="stat__title">1月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/12/" class="stat"> <dd class="stat__value" style="height:5.8823529411765%;">2</dd> <dt class="stat__title">12月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/11/" class="stat"> <dd class="stat__value" style="height:5.8823529411765%;">2</dd> <dt class="stat__title">11月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/10/" class="stat"> <dd class="stat__value" style="height:5.8823529411765%;">2</dd> <dt class="stat__title">10月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/09/" class="stat"> <dd class="stat__value" style="height:11.764705882353%;">4</dd> <dt class="stat__title">9月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/08/" class="stat"> <dd class="stat__value" style="height:23.529411764706%;">8</dd> <dt class="stat__title">8月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/07/" class="stat"> <dd class="stat__value" style="height:29.411764705882%;">10</dd> <dt class="stat__title">7月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/06/" class="stat"> <dd class="stat__value" style="height:100%;">34</dd> <dt class="stat__title">6月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/05/" class="stat"> <dd class="stat__value" style="height:73.529411764706%;">25</dd> <dt class="stat__title">5月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/04/" class="stat"> <dd class="stat__value" style="height:52.941176470588%;">18</dd> <dt class="stat__title">4月</dt> </a> </li> <li> <a href="https://www.ruikeedu.com/date/2017/03/" class="stat"> <dd class="stat__value" style="height:44.117647058824%;">15</dd> <dt class="stat__title">3月</dt> </a> </li> </ul> </div> </div> <footer id="site-footer" class="site-footer"><div class="copy-footer"> <div class="container"> <div class="row"> <div class="copy-1"> <span class="goog-text-highlight">Copyright ©2018</span><span>。-瑞课学院-版权所有</span>。- <span><a href="https://www.ruikeedu.com/sitemap/" rel="internal" target="_blank">网站地图</a></span> <script>var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5eb7997c8562471b45fc7ad20774c127"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script> </div> <div class="copy-2"> <span>设计商:<a href="http://www.ruikeedu.com">RuikeeDu</a></span> </div> </div> </div></div></footer><div class="site-search"> <div id="search-canvas"> <canvas id="canvas"></canvas> </div> <div class="text-wrap"> <div class="container text-box"> <form class="site-search-form" role="search" method="get" action="https://www.ruikeedu.com/" required="" autocomplete="off"> <input type="text" id="tb-search" name="s" class="sf" title="Search" placeholder="搜索" value="" > <span class="sf-loading"><i class="fa fa-spinner fa-spin fa-1x fa-fw"></i></span> </form> <div class="ajax-search-results"></div> </div> <div class="close-box" data-role="close">X</div> </div> </div><div class="f-weixin-dropdown"> <div class="tooltip-weixin-inner"> <h3>关注我们的公众号</h3> <div class="qcode"> <img src="https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/img/weixin.png" width="160" height="160" alt="微信公众号"> </div> </div> <div class="close-weixin"> <span class="close-top"></span> <span class="close-bottom"></span> </div></div><!--preloader--> <div class="gotop" id="gototop"> <a class="m-search" href="javascript:void(0);"><i class="fa fa-search" aria-hidden="true"></i></a> <a class="service" href="javascript:void(0);" onclick="kefuqq('941009665')"><i class="fa fa-qq" aria-hidden="true"></i></a> <a id="tooltip-s-weixin" href="javascript:void(0);"><i class="fa fa-weixin" aria-hidden="true"></i></a></div><div class="popout-holder-overlay"> <div class="popout-holder five-radius box-shadow"> <span class="close-popout round"><svg class="close-button" width="16.014px" height="16.013px" viewBox="0 0 16.014 16.013" enable-background="new 0 0 16.014 16.013"><path class="svg-fill" d="M0.419,14.09l6.016-6.084L0.419,1.922C-0.128,1.421-0.14,0.909,0.385,0.384c0.523-0.523,1.036-0.513,1.538,0.034 l6.084,6.016l6.084-6.016c0.501-0.547,1.014-0.558,1.538-0.034c0.523,0.524,0.513,1.037-0.034,1.538L9.579,8.006l6.016,6.084 c0.547,0.502,0.558,1.015,0.034,1.538c-0.524,0.524-1.037,0.513-1.538-0.034L8.007,9.579l-6.084,6.016 c-0.502,0.547-1.015,0.559-1.538,0.034C-0.14,15.105-0.128,14.592,0.419,14.09z"/></svg></span> <div class="popout-wrapper content-pad"> <div class="popout type-popout clearfix img-right img-natural"> <div class="popout-featured-image" style="background-image: url('https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/img/pop-login.jpg'); width: 450px; height: 513px;"></div> <div class="popout-content clearfix"> <div class="sign-tips"></div> <!--登录--> <form id="sign-in"> <div class="sign-social"><h2>会员登陆</h2></div> <h6><input type="text" name="user_login" class="form-control" id="user_login" placeholder="用户名" /><i class="fa fa-user"></i></h6> <h6><input type="password" name="password" class="form-control" id="user_pass" placeholder="密码" /><i class="fa fa-lock"></i></h6> <div class="sign-submit"> <input type="button" class="btn btn-primary signinsubmit-loader" name="submit" value="登录" /> <input type="hidden" name="action" value="signin" /> <label><a href="javascript:;" class="signfp-loader">忘记密码?</a></label> </div> <div class="sign-trans"> 没有账号? <a href="javascript:;" class="signup-loader">注册</a> </div> <div class="sign-logins"> </div> </form> <!--注册--> <form id="sign-up"> <div class="sign-social"><h2>会员注册</h2></div> <h6><input type="text" name="name" class="form-control" id="user_register" placeholder="用户名" /><i class="fa fa-user"></i></h6> <h6><input type="email" name="email" class="form-control" id="user_email" placeholder="邮箱" /><i class="fa fa-envelope"></i></h6> <h6><input type="text" class="form-control" style="width:200px;display: inline-block;" id="captcha" name="captcha" placeholder="验证码" /><i class="fa fa-eye"></i><span class="captcha-clk">发送验证码</span></h6> <div class="sign-submit"> <input type="button" class="btn btn-primary signupsubmit-loader" name="submit" value="注册" /> <input type="hidden" name="action" value="signup" /> <label>密码将发送至您邮箱!</label> </div> <div class="aff" id="aff">0</div> <div class="sign-trans"> 已有账号? <a href="javascript:;" class="signin-loader">登录</a> </div> <div class="sign-logins"> </div> </form> <!--忘记密码--> <form id="sign-fp"> <div class="sign-social"><h2>忘记密码?</h2></div> <h6><input type="text" name="user_login_email" class="form-control" id="user_login_email" placeholder="用户名或者邮箱" /><i class="fa fa-user"></i></h6> <div class="sign-submit"> <input type="button" class="btn btn-primary signfpsubmit-loader" name="submit" value="追回密码" /> <input type="hidden" name="action" value="signfp" /> <label>密码将发送至您邮箱!</label> </div> <div class="sign-trans"> <a href="javascript:;" class="signin-loader">登录</a> <a href="javascript:;" class="signup-loader">注册</a> </div> <div class="sign-logins"> </div> </form> </div> </div> </div> </div> </div><script type="text/javascript">var ruike ={"direction":"ltr","roll":1,"Smooth_Scroll":true,"wow_data":true,"topwap":null,"ajax_url":"https:\/\/www.ruikeedu.com\/wp-admin\/admin-ajax.php","admin_url":"https:\/\/www.ruikeedu.com\/wp-admin\/","wp_url":"https:\/\/www.ruikeedu.com","ruike_url":"https:\/\/www.ruikeedu.com\/wp-content\/themes\/ruike-chameleon","uid":0,"is_vip":null,"is_admin":0,"user_page":"https:\/\/www.ruikeedu.com\/userindex\/0","user_order":"https:\/\/www.ruikeedu.com\/payorder\/0","user_credit":"https:\/\/www.ruikeedu.com\/paypoint\/0","redirecturl":"https:\/\/www.ruikeedu.com\/1902.html","pid":1902,"vid_vip":"","vid_cre":"","video_m3u8":"","video_roll":true,"post_type":2,"pay_res":0}</script><link rel='stylesheet' id='swiper_CSS-css' href='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/plugins/swiper/css/swiper.min.css' type='text/css' media='all' /><link rel='stylesheet' id='prismCSS-css' href='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/plugins/prism/prism.css' type='text/css' media='all' /><script type='text/javascript' src='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/js/ruike.js'></script><script type='text/javascript' src='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/js/ruike_Chat.js'></script><script type='text/javascript' src='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/js/wow.min.js'></script><script type='text/javascript' src='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/plugins/swiper/js/swiper.jquery.min.js'></script><script type='text/javascript' src='https://www.ruikeedu.com/wp-content/themes/ruike-chameleon/assets/plugins/prism/prism.js'></script></body></html> <!--由瑞课主题压缩前的大小: 45460 bytes; 压缩后的大小: 39437 bytes; 节约:13.25% -->