WordPress自带TinyMCE编辑器增强技巧大全
原文地址: http://www.cmhello.com/wordpress-tinymce-custom-methods.html
有朋友反馈说,Hcms主题使用短代码时,总是需要复制短代码样式,然后再修改,这样很麻烦,能否添加自定义的按钮呢?为了解决这问题,倡萌搜集了WordPress自带TinyMCE编辑器增强技巧大全,分享给大家,顺便记录一下,方便学习。
更改编辑器默认视图为HTML
大家都知道,在后台新建文章后,编辑器就自动跳转到“可视化”视图,对于一些经常要插入代码或者WEB设计者们来说,可能更习惯使用HTML视图手动编辑。
设置方法:将以下代码添加到主题的functions.php文件里即可:
1 |
|
添加编辑器默认内容(编辑器内可见)
新建文章后编辑器里的内容默认是空的,有些朋友做的是WordPress主题站、插件站或单纯的下载站,一些标准的格式化的文章每次都会输入“主题名称”、“主题作者”、“下载地址”等内容,添加默认内容之后,这些重复性的工作以后再也不用了,一切都预定义好了。而且如果发表文章不需要这些预定义的内容,只需要全选-Delete就ok了,并不会很麻烦。
设置方法:在主题functions.php文件添加以下代码即可:
1 2 3 4 5 6 7 |
|
添加编辑器默认内容(编辑时不可见)
此方法添加的内容在发布文章时自动添加在内容的最后,在编辑的时候是看不见的,用于添加订阅、文章版权信息等等。
设置方法:在主题functions.php文件添加以下代码即可:
1 2 3 4 5 6 7 |
|
添加更多的HTML标签(慎用)
此功能请慎用,因为WordPress自带的TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中的html标签,如<br />、<iframe>等。但不排除某些情况下也可能会用到这些标签,所以把方法放出来供大家参考吧。
添加方法:将以下代码粘贴到主题的functions.php文件里即可:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
WordPress自带编辑器的强大往往被人忽略,很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。
完整的编辑器其实包含这些功能:
加粗(bold)、斜体(italic)、下划线(underline)、删除线(strikethrough)、左对齐(justifyleft)、居中(justifycenter)、右对齐(justfyright)、两端对齐(justfyfull)、无序列表(bullist)、编号列表(numlist)、减少缩进(outdent)、缩进(indent)、剪切(cut)、复制(copy)、粘贴(paste)、撤销(undo)、重做(redo)、插入超链接(link)、取消超链接(unlink)、插入图片(image)、清除格式(removeformat)、帮助(wp_help)、打开HTML代码编辑器(code)、水平线(hr)、清除冗余代码(cleanup)、格式选择(formmatselect)、字体选择(fontselect)、字号选择(fontsizeselect)、样式选择(styleselect)、上标(sub)、下标(sup)、字体颜色(forecolor)、字体背景色(backcolor)、特殊符号(charmap)、隐藏按钮显示开关(wp_adv)、隐藏按钮区起始部分(wp_adv_start)、隐藏按钮区结束部分(wp_adv_end)、锚文本(anchor)、新建文本(类似于清空文本)(newdocument)、插入more标签(wp_more)、插入分页标签(wp_page)、拼写检查(spellchecker)。
下面就把这些功能掉出来吧!效果图:
调用方式:将以下代码添加到主题functions.php文件里即可:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
让编辑器支持中文拼写检查
WordPress自带TinyMCE编辑器默认对英文拼写进行检查,怎么样才能让其支持中文拼写检查呢?
设置方法:在主题的functions.php文件里添加如下代码即可:
1 2 3 4 5 6 7 |
|
简单添加自定义按钮
如果你使用了WordPress3.3.0最新版,可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮。效果图:
步骤一:首先创建一个js文件,粘贴如下代码并保存为my_quicktags.js文件:
1 2 3 4 |
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' ); //快捷输入一个hr横线,点一下即可 QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" ); //快捷输入h1标签 //QTags.addButton( 'my_id', 'my button', '\n', '\n' ); //这儿共有四对引号,分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容(此为空则一次输入全部内容),\n表示换行。 |
步骤二:把刚才写好的my_quicktags.js放在主题文件夹,再在主题 functions.php 中加入代码:
1 2 3 4 5 6 7 8 |
|
好了,以后倡萌有时间就要折腾了!
WordPress自带TinyMCE编辑器增强技巧大全相关推荐
- python编辑器使用技巧大全_markdown编辑器常用功能汇总
Markdown是一种纯文本格式的标记语言.通过使用简单的语法,可以给普通文本增加样式,使其排版更加美观. 下面总结了一些常用的markdown语法,方便查阅和使用. 1. 标题 通过在文字前面增加 ...
- 关于wordpress中更换CKEditor编辑器
wordpress中自带的编辑器实在是功能太简,连插入表格都没有,使用插件的方式太过于麻烦,干脆就直接更换编辑器了,在网上找了一些方法,下文引自http://down.chinaz.com/try/2 ...
- 增强优化JavaScript性能的方法 - 技巧大全
一.优化页面加载时间 在修改JavaScript代码提升网页或应用程序的性能之前,我们先了解一下客户端与JavaScript代码之间的交互处理: JavaScript代码通过HTML的<scri ...
- kubectl :命令技巧大全
目录 kubectl 命令技巧大全 Kubectl命令概览 命令行提示 kube-shell kubectl的身份认证 Kubectl 自动补全 Kubectl 上下文和配置 Kubectl 启动-状 ...
- 怎样改变计算机桌面的特效主题,电脑桌面主题、图片怎么设置的技巧大全
电脑桌面主题.图片怎么设置的技巧大全: 一.如何换桌面主题 二.如何把图片设置成桌面图片 三.如何使桌面图片自动转换 四.如何删除桌面图片 如何换桌面主题 答:换桌面主题,在桌面空白处右键->属 ...
- 计算机使用技巧大全 书,总算明白电脑使用技巧大全
人们生活中已经越来越离不开电脑,那么如何更好的使用电脑,电脑的使用技巧有什么呢,今天汇学小编就电脑使用技巧大全和大家聊聊. 电脑使用技巧大全一 删除多余的帐户 如果你的电脑只有你一个人使用,最好只建自 ...
- 摄影技能技巧大全 - 太精彩啦,年后弄个单反按着练练!
[珍藏孤版]摄影技能技巧大全 (2013-07-13 12:19:29) 转载▼ 标签: 转载 学而时习之,不亦说乎. 原文地址:[珍藏孤版]摄影技能技巧大全作者:吴雁 摄影技能技巧大全 摄影五字 ...
- Word操作技巧大全1(转)
Word操作技巧大全(64页) Word中的"选中"方法知多少? 一.常见的"选中"方法: ü 全选(快捷键Ctrl+A):就是全部选中文档内的所有内容.这所有 ...
- vim gvim技巧大全
vim&gvim技巧大全(0) 很多东东都对于深入认识vim有很大帮助:) ---------------------------------------- # 基础 ----------- ...
最新文章
- addEventListener 的用法示例介绍
- 浅谈ASP.NET的Postback
- 一个java类可以有_一个.java文件中可以有几个同级类?
- 基于JAVA+SSH+MYSQL的社区医院远程挂号系统
- 视觉里程计07 Qt的一些bug修改记录
- sqlserver字符串处理函数
- 浏览器检测 vs 特性检测
- 帝国7.2 php5.2,帝国CMS7.2版升级到7.5版的详细步骤方法(已测)
- Maven报错Please ensure you are using JDK 1.4 or above and not a JRE解决方法!
- 如何在matlab中建立水箱模型_水箱
- 推荐系统的4个方面完全总结
- ant design vue 中select默认选中(V2版本)
- weedfs php,Weed-FS之Volume数据迁移
- 各种SCI,CCF,EI,北大核心等刊物大致含金量,用奖学金加分看出!
- 公司要新招美女跟我学docker,你来吗?
- 候选码,主码,外码,主属性,非主属性
- 新巴巴运动网 项目第三天
- 在Unity中获得一个物体的所有子物体包括孙物体。
- FPGA _Verilog HDL_8选一多路选择器设计
- 关于专利技术交底书分类的真相