首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress自带TinyMCE编辑器相关功能增强

WordPress 默认的那个编辑器叫做TinyMCE。TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。...因为其功能相对简单,所以很多人都想着用给它扩展一下,那就扩展一下吧~ 更改编辑器默认视图为HTML/文本 WordPress默认的是,在后台新建文章后,编辑器就自动跳转到“可视化”视图,对于一些经常要插入代码或者...";')); 添加编辑器默认内容(编辑器内可见) 新建文章后编辑器里的内容默认是空的,有些朋友做的是WordPress主题站、插件站或单纯的下载站,一些标准的格式化的文章每次都会输入“主题名称”、“主题作者...(慎用) 此功能请慎用,因为WordPress自带的TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中的html标签,不排除某些情况下也可能会用到这些标签,所以把方法放出来供大家参考吧。...添加方法:将以下代码粘贴到主题的functions.php文件里即可: WordPress自带编辑器的强大往往被人忽略,很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。

2.9K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Vue项目中使用Tinymce

    前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。...下面是封装的组件的script内容, 关于一些配置直接在代码中说明: import plugins from '@/components/Tinymce/plugins' import toolbar...分别是图片内容, 一个成功的回调函数以及一个失败的回调函数,具体上传图片代码在上面已经写,这里就不赘述; 需要注意的是,当向后台上传完图片, 我们要调用success函数来用服务器地址替换标签的...图片处理就告一段落~ 关于预览 TinyMCE配置了预览插件preview, 前面在plugin.js中也加入了, 但是我们的需求是实现手机模式下的预览, 所以还需要设置一下预览内容的宽度以及高度 plugin_preview_width...important }`, 于是模拟手机端预览也完事了, 但内容提交后, 手机上查看图片仍然很大, 原因是我忽略了官方文档说的:这些样式不会与内容一起保存的 所以我在提交代码时将这个style字符串拼接到内容上

    4.8K20

    Django—第三方引用

    url(r'^tinymce/', include('tinymce.urls')), ] View Code 接下来介绍在Admin页面、自定义表单页面的使用方式。...在模板中关闭转义 方式一:过滤器safe 方式二:标签autoescape off 1)在booktest/views.py中定义视图show,用于显示富文本编辑器的内容。...jieba:一款免费的中文分词包,如果觉得不好用可以使用一些收费产品。 1)在环境中依次安装需要的包。...上去 2.2 使用 按照配置,在admin管理中添加数据后,会自动为数据创建索引,可以直接进行搜索,可以先创建一些测试数据。 1)在booktest/views.py中定义视图query。...1)登录设置。 ? 2)在新页面中点击“客户端授权密码”,勾选“开启”,弹出新窗口填写手机验证码。 ? 3)填写授权码。 ? 4)提示开启成功。 5)打开项目的settings.py文件,配置。

    1.1K10

    JAVAEE工程师系列技术之分布式版本控制系统git

    Modified 文件已修改, 仅仅是修改, 并没有进行其他的操作....因为整个Git的记录都是放在根目录下的 .git目录中,如果这个目录被删除了,也就意味着历史记录也被删除了,那么删除的文件也就不能恢复了。...所以,合并过的分支想删就删吧。...不小心把还没合并的分支删除了,救得回来吗 合并过的分支想留就留、想删就删,Git的分支并不是复制文件到某个目录,所以不会因为删掉分支文件就不见了。 注意: 但如果删除的是还未合并的分支就不一样了。...选择File→Settings打开设置窗口,找到Version Control下的git选项: 配置git 在IDEA中创建工程并将工程添加至Git 新建项目 创建maven项目 基本操作 忽略列文件

    12010

    DAX进阶-死磕Calculate之2:改变筛选上下文之选择性忽略

    小勤:大海,上次将Calculate改变筛选上下文,忽略(删)现有筛选器的作用时,都是整个表或整个字段都不起作用了,如果我只是希望忽略某个字段中的一部分内容呢?...小勤:这是通过数据透视表的功能实现的,但不能总靠透视表啊,有时候按需要出一些图表怎么办?所以最好还是能学会自己计算啊。...大海:这样,计算的结果既忽略了产品这个筛选上下文(透视表里的行标签,不会因为当前行产品,比如是B,就只计算B产品的数据),但又考虑了所有筛选结果(如筛选出来的BCD三种产品)的情况。 小勤:嗯。...小勤:对了,关于忽略(删)上下文,如果要忽略一个表里很多的列的上下文,而不要忽略的反而更少一些,那能不能选择哪些是不要忽略的?...大海:那就是AllExcept,比如整个表里,除了[产品]这个字段外,其他的上下文都忽略掉: 小勤:这样还人性化一点儿,不然的话得写一大堆。 大海:反正看实际情况选择用吧。 小勤:好的。

    83730

    13个顶级免费所见即所得文本编辑器工具

    [https://alex-d.github.io/Trumbowyg/] TinyMCE TinyMCE 5是一款编辑器,它能让你灵活地编辑、添加或删除本程序中的部分内容。...除了基本的编辑器,那么我发现它还提供了很多支持,更好的用户体验,如添加评论,测试检查路径,提供优质的图标和界面,检查拼写的内容.........它允许你以多种方式设置它,如通过npm、使用CDN......。我喜欢它的是,除了详细的说明,还有一个程序,通过代码让我们自由选择哪些工具附加到Jodit Editor。...[https://summernote.org/] Editor.js Editor.js是一个开源的块状编辑器,它不会像普通的编辑器那样使用标签HTML,将内容以JSON的形式输出,使其更容易管理。...我还发现了如何设置,添加或删除程序中的函数的文章…都是非常细致的。

    6.1K00

    推荐!ant-simple-pro2.0正式发布,助力vue3社区

    在2月份发布v1.0版本,到现在已近有一段时间了,并且也在github上收获了100+star, 接下来笔者就来带大家一起介绍一下这款开源项目。...vue3-tinymce是我们借鉴了tinymce和tinymce-vue这2个插件而写的一个富文本编辑器组件,虽然tinymce-vue现在已经支持vue3.0了,但是有些bug,我们在这二者之间,...再次进行封装,使其操作更加简洁,vue3-tinymce文档地址。...// 如下代码来自ant-simple-pro import TinymceEditor from '@/components/tinymce/index.vue' 除了上面的这些组件外,我们还编写了很多小组件,如图片上传组件,layoutTable,scrollbar,svg组件等等,当然我们也编写了一些hooks,具体的请查看此项目。

    1.1K10

    WPJAM「内容模板插件」新增标识参数短代码

    这么一说,貌似内容模板使用标识也有挺有道理,我就升级「内容模板」到版本3.1,在内容模板编辑页面,支持输入标识: 这样内容模板的短代码除了 ID 之外还支持 name 的参数了: 除了这个更新之外之外...,卡片模板的链接除了输入外链之外,还可以直接设置博客内部的链接: ---- 「WordPress果酱」知识星球福利插件基于 WPJAM Basic 开发,加入「WordPress果酱」知识星球,即可下载...一键抓取公众号文章到 WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE...支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。 分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。...话题标签 文章中插入 #话题标签#。 如果是内部链接,直接跳转, 标签或者分类,则自动转换成标签或分类链接, 否则跳转到搜索链接。

    80240

    解决Crayon Syntax Highlighter代码高亮与fancybox图片暗箱冲突问题

    在知更鸟主题环境下启用 Crayon Syntax Highlighter 插件,会出现如下冲突情况: ①、图片暗箱失效 ②、下载暗箱失效 ③、公告不能滚动 刚接触建站时,张戈也是一个绝对的菜鸟,除了运维啥都不会...看来是 JQuery 的问题,要不就是重复加载 JQ 冲突了,要不就是没加载成功,进一步查看源代码: 头部已加载 JQ: ? 赫然发现底部也加载了 JQ: ?...":".mce-btn","tinymce_button":"a.mce_crayon_tinymce,.mce-i-crayon_tinymce","tinymce_button_unique":"mce_crayon_tinymce...","tinymce_highlight":"mce-active","submit_css":"#crayon-te-ok","cancel_css":"#crayon-te-cancel","content_css...于是找到由 Crayon Syntax Highlighter 插件弹出的那个图片的 ID,然后对这个 ID 设置隐藏 CSS 属性就搞定了!

    1.1K40

    最好用的 6 款 Vue 3 富文本编辑器

    TinyMCE - 富文本编辑器里的 Word ,功能想不到的丰富 TinyMCE 是富文本编辑器领域的头部玩家之一,主流富文本编辑器,功能非常全,你需要的大多数功能它都支持。...TinyMCE 对 Vue.js 的集成和安装非常友好,支持 Vue3 和 TypeScript,文档写的也非常好。...二. tiptap - 多人在线实时协同编辑 tiptap 最初是为 Vue2 开发的,现在已发展成为独立框架工具,对 Vue3、React、Svelte 集成友好。...Quill - 易扩展、轻量级二开、代码高亮好用 Quill 也是众多富文本编辑器中的佼佼者,它相对于其他编辑器更容易设置,有丰富便捷的 API,非常好的扩展性,轻量级可二开的编辑框,很适合特殊场景的定制开发...Quill 的优缺点都非常突出,它的代码高亮功能突出好用,但却没有一些常规编辑器都有的标配功能,比如表格,如果你想找一款轻巧,不需要太多复杂功能,对代码编辑友好的编辑器,Quill 是不错的选择。

    16.9K10

    关于Kubernetes里边的Finalizers的那些事

    最近因为业务原因,接触到了k8s的GC机制,特地看了一些k8s的官方文档以及网上的一些博客和资料,梳理了有关Finalizers和级联删除的一些知识点。...Kubernetes 自动为一些对象的附属资源设置Owner Reference的值, 这些对象包含 ReplicaSet、DaemonSet、Deployment、Job、CronJob、ReplicationController...级联删除策略有三种,分别是: foreground(前台级联删除):先删子级资源,再删父级资源 background(后台级联删除):先删父级资源,再删子级资源 orphan(孤立删除):忽略Owner...删除时间戳表示已请求删除,但在我们编辑对象并删除Finalizers之前,删除不会完成。 patch这是使用该命令删除Finalizers的演示。...当我们指定为--cascade=orphan时,就会忽略Owner Reference,此时删除掉父级对象,子级对象仍然会存在。

    65410

    WPJAM「评论增强插件」支持后台添加评论

    WPJAM「评论增强插件」新增后台添加评论功能,这样管理员也给一些文章添加一些评论来丰富文章的内容了,操作也非常简单,在后台的文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论的界面: 按照要求输入平路用户的昵称...一键抓取公众号文章到 WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE...支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。 分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。...话题标签 文章中插入 #话题标签#。 如果是内部链接,直接跳转, 标签或者分类,则自动转换成标签或分类链接, 否则跳转到搜索链接。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。

    1.1K20

    WordPress高亮插件:Crayon Syntax Highlighter加载优化

    但是,这款插件也有一些小缺憾,比如体积大、拖慢速度、容易产生冲突等。很多博主就是因为这些个原因,才不得不忍痛割爱。...至于冲突问题,上次博客已分享过一次相关教程,感兴趣的可以看看: 解决 Crayon Syntax Highlighter 代码高亮与 fancybox 图片暗箱冲突问题 本文主要是分享 Crayon Syntax...":".mce-btn","tinymce_button":"a.mce_crayon_tinymce,.mce-i-crayon_tinymce","tinymce_button_unique":"mce_crayon_tinymce...","tinymce_highlight":"mce-active","submit_css":"#crayon-te-ok","cancel_css":"#crayon-te-cancel","content_css.../plugins/crayon-syntax-highlighter/fonts/consolas.css" type="text/css" media="all" /> //下面这个css和插件后台设置的主题有关系

    1.2K90

    WPJAM 配置器:无需一行代码就能配置文章类型,自定义字段,自定义分类,分类选项和全局选项

    分类选项 WordPress 分类,标签或者自定义分类编辑页面没有 meta box,所以创建分类选项的时候,直接添加字段就好: 输入字段名,适用的分类模式,字段一样使用 shortcode 方式设置...,同样具体可以参考:WPJAM 配置器字段使用说明 如上最后在自定义分类编辑页面生成的表单如下所示: 全局选项 全局使用的一些设置,我们叫做全局选项,存储在 options 中: 选择全局选项的名称和选项...: 如果不小心把这些设置删除了,那么你的配置也会消失,为了防止这种情况发生,我还非常贴心的创建了一个「配置器模板」功能,你可以把你的配置保存到数据库,下次还可以再使用: 可以上传当前的配置到模板库中...一键抓取公众号文章到 WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE...话题标签 文章中插入 #话题标签#。 如果是内部链接,直接跳转, 标签或者分类,则自动转换成标签或分类链接, 否则跳转到搜索链接。

    1.1K30

    WPJAM「标题设置」:一键设置 WordPress 所有页面的页面标题

    全局设置 插件安装之后,点击「WPJAM」主菜单下的「标题设置」的子菜单,就能进行设置,首先我们进行全局设置,全局设置只有两个选项: 第一个选项是可以自定义间隔符,就是可以将 WordPress 页面标题之间的间隔符...「-」替换成其他符号,比如「|」,根据你自己的喜好定义了,第二个选项是可以设置页面是否显示站点标题的默认设置了,勾选之后,除了首页和规则中自定义之外,所有页面默认不显示站点标题。...一键抓取公众号文章到 WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE...支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。 分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。...话题标签 文章中插入 #话题标签#。 如果是内部链接,直接跳转, 标签或者分类,则自动转换成标签或分类链接, 否则跳转到搜索链接。

    1.9K20

    站点选项 WordPress 插件:管理和删除无用的站点选项

    缘起或动机 我们知道很多插件或者主题,都有选项设置,有选项设置就会在 WordPress Option 表里面插入一些数据,如果这些插件或者主题不用的话,这些加入到 Option 表里面的数据一般都还会留在那里...其实这些站点选项数据留在那里,问题也不大,不过总有一些有洁癖的同学,想清理一下,比如我,所以就开发了这个「站点选项」WordPress 插件。...一键抓取公众号文章到 WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE...支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。 分类管理 层式管理分类和分类拖动排序,支持设置分类的层级。...话题标签 文章中插入 #话题标签#。 如果是内部链接,直接跳转, 标签或者分类,则自动转换成标签或分类链接, 否则跳转到搜索链接。

    1K30
    领券