npm install --save "@tinymce/tinymce-vue@^4" # 再运行 npm install tinymce -S 安装之后，在 node_modules 中找到...height: 300, // 编辑器高度 branding: false, // 是否禁用“Powered by TinyMCE” menubar: true, // 顶部菜单栏显示...// 编辑器高度 branding: false, // 是否禁用“Powered by TinyMCE” menubar: true, // 顶部菜单栏显示...({}) }, components: {Editor} } 但是当富文本在某一个弹窗上使用时， 工具栏会出现下拉选择时的层级比弹窗的小，所以，选项会被弹窗遮挡。...branding: false, // 是否禁用“Powered by TinyMCE” menubar: true, // 顶部菜单栏显示 font_formats
不仅在面向用户的管理屏幕上运行。它也在 admin-ajax.php 和 admin-post.php 上运行。...*/ add_filter( 'mce_buttons', 'my_register_tinymce_button' ); /* 编辑器新增插件的勾子*/ ...，删除菜单注册 wp_nav_menu($args)；给定一个theme_location参数，该函数显示分配给该位置的菜单。...如果不存在这样的位置或没有为其分配菜单，则参数fallback_cb将确定显示的内容。...如果没有给定theme_location参数，函数显示与menu参数给出的 ID、slug 或名称匹配的菜单；否则，第一个非空菜单；否则（或者如果 menu 给定的菜单为空），则输出fallback_cb
新建页面 选择留言板或者文字聚合模板 发布 复制链接， 修改主题选项为这俩页面 4.顶部菜单 主题具有顶部文章分类、快速阅读两个菜单，文章分类用于展示文章类别，快速阅读用于添加常用的一些链接，快速访问。...新建菜单 添加菜单项 发布到顶部菜单 5.小部件、侧边栏 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件（小部件自带配置，可在添加的时候填写），添加后默认在文章页面的右侧边栏显示。...黑夜、白天阅读模式切换、主题色切换 支持黑夜、白天阅读模式，主题色切换，悬浮在屏幕右下角，附带一个屏幕滚动进度； 3....导航栏搜索 上一篇、下一篇文章 一键回到顶部 主题色、阅读模式切换 文章点赞、踩 文章浏览、评论、发布时间、作者信息显示 4....、成功文字块、错误文字块、失败文字块、图片灯箱、文字标记 自定义顶部菜单 404页面 搜索空结果页面 文章密码权限控制 20220617更新 修复窗口大小改变时，固定状态下的左右侧边栏位置没有同步变动，
前言 TinyMCE是一款开源、易用、UI时新、所见即所得的富文本编辑器。是富文本领域中的佼佼者。整体设计和模式，都是非常不错的。...当键入时在内容中匹配配置的字符串模式时，将触发自动完成器。Emoticons 和 Charmap 使用自动完成程序。...该菜单项在通过键盘导航控件单击或激活时执行命令。...，当单击或被键盘导航控件激活时显示子菜单。...，其作用类似于切换按钮，在菜单项中显示一个勾号以表示状态。
“开始”菜单上时，可将其朝指定方向移动 Ctrl + Shift + 箭头键 当磁贴的焦点放在“开始”菜单上时，将其移到另一个磁贴即可创建一个文件夹 Ctrl + 箭头键 打开“开始”菜单后调整其大小...徽标键 + E 打开文件资源管理器 Windows 徽标键 + F 打开反馈中心并获取屏幕截图 Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + H 开始听写...当出现 Windows 提示时，请将焦点移到提示上。 再次按下键盘快捷方式，将焦点放在屏幕上 Windows 提示所固定的元素上。...（在第二个笔划时还原所有窗口） Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸至屏幕顶部和底部 Windows 徽标键 + Shift + 向下键 在垂直方向上还原/最小化活动桌面窗口...E打开文件资源管理器Windows 徽标键 + F打开反馈中心并获取屏幕截图Windows 徽标键 + G打开游戏栏（当游戏处于打开状态时）Windows 徽标键 + H开始听写Windows 徽标键
://www.tiny.cloud体验地址：https://www.tiny.cloud/docs/tinymce/6/full-featured-premium-demo/TinyMCE 是富文本编辑器领域的头部玩家之一...它甚至有点像在线版的 Word，可以在顶部的各种菜单中找到你要的功能。TinyMCE个人认为是功能就全，使用体验最好的编辑器。...tinymce的主要盈利模式为【付费插件及拓展服务】，有关付费项目的列表，请参考：https://www.tiny.cloud/pricing重要性功能(付费版)支持情况10加粗、斜体、删除、有序、无序列表...(vue2 版本在4)tinymce-angularCKEditor官网：https://ckeditor.com/ckeditor-5/demo/体验地址：https://ckeditor.com/docs...，样式一般（黑白风），功能中等，它的代码高亮功能比较强，同样支持行内编辑模式，工具条可自定义。
嗯，就选它啦(虽然文档是英文，但是谷歌翻译也不错 ☚) 我们项目要解决的需求说复杂也不复杂，但是却很烦人, 比如： 实现图片上传(基础功能) 模拟手机预览功能(基础功能) 编辑的内容在app中显示要适配...从135编辑器, 秀米等等编辑器拷贝过来的内容要正常显示并且排版还要保持,还要将这些第三方图片上传到自己服务(怕第三方下架图片) 引入并初始化 引入tinymace文件 项目采用vue-cli@3.x...图片处理就告一段落~ 关于预览 TinyMCE配置了预览插件preview, 前面在plugin.js中也加入了, 但是我们的需求是实现手机模式下的预览, 所以还需要设置一下预览内容的宽度以及高度 plugin_preview_width...important }`, 于是模拟手机端预览也完事了, 但内容提交后, 手机上查看图片仍然很大, 原因是我忽略了官方文档说的:这些样式不会与内容一起保存的 所以我在提交代码时将这个style字符串拼接到内容上...由于这个函数没有没有提供回调函数，当异步从服务器取回新地址时，renturn回去的url是不等人的, 我试了使用await来解决，但是发现它不支持异步来处理，所有只好放弃，采用这种方式变向处理，让用户点击保存时再去匹配并替换内容
由于该编辑器升级到了5.0版本，会导致下文中的某些文件找不到的情况，但是封装思路是相同的，如需继续使用请使用下面的版本再次尝试 “@tinymce/tinymce-vue”: “^1.1.0” “tinymce...”: “^4.8.5” vue cli 3 + tinymce5.0版本整合参考：点击前往 最近再弄一个后台管理系统，挑选了不少的编辑器，最终选择了tinymce，UI精美，功能模块多，可按需加载配置...Jetbrains全家桶1年46，售后保障稳定 下载tinymce npm install tinymce -S 下载的时候可以先在static下面建个目录tinymce，下载tinymce完成后在.../lightgray',//skin路径 height: 300,//编辑器高度 branding: false,//是否禁用“Powered by TinyMCE” menubar: false...,//顶部菜单栏显示 } 扩展插件 默认的编辑器只有基本功能，如果还需要上传图片，插入表格之类的功能就需要添加插件 如添加上传图片和插入表格的插件 import 'tinymce/plugins/image
在admin.py创建一个admin.ModelAdmin的子类，在注册模型类时调用admin.site.register方法时，在第二个参数中指定自定义的模型管理类。...list_per_page = 10 # 操作选项在顶部是否显示 actions_on_top = True # 操作选项在底部是否显示 actions_on_bottom...list_per_page = 10 # 操作选项在顶部是否显示 actions_on_top = True # 操作选项在底部是否显示 actions_on_bottom...class SchoolInfoAdmin(admin.ModelAdmin): # 每页显示的数据量 list_per_page = 10 # 操作选项在顶部是否显示...5.其他 富文本编辑器 后台管理员如果需要在后台编辑带样式的文字，如编辑对商品的详细信息描述，就需要使用富文本编辑器。这里以tinymce为例在Django Admin后台中如何使用富文本编辑器。
F6 循环浏览窗口中或桌面上的屏幕元素。 F10 激活活动应用中的菜单栏。 Alt + F8 在登录屏幕上显示你的密码。 Alt + Esc 按项目打开顺序循环浏览。...Alt + Shift + 箭头键 当组或磁贴的焦点放在“开始”菜单上时，可将其朝指定方向移动。...Ctrl + Shift + 箭头键 当磁贴的焦点放在“开始”菜单上时，将其移到另一个磁贴即可创建一个文件夹。 Ctrl + 箭头键 打开“开始”菜单后调整其大小。...向右键 打开右侧的下一个菜单，或打开子菜单。 向左键 打开左侧的下一个菜单，或关闭子菜单。 Esc 停止或离开当前任务。 PrtScn 捕获整个屏幕的屏幕截图并将其复制到剪贴板。 2....向右键 显示当前选择内容（如果已折叠），或选择第一个子文件夹。 向左键 折叠当前选择内容（如果已展开），或选择该文件夹所在的文件夹。 End 显示活动窗口底部。 Home 显示活动窗口顶部。
(在树状菜单中使用更小的缩进) 在树状菜单中使用更小的缩进量 开启前效果 开启后效果 Drag-n-Drop with Alt pressed only(仅按下Alt即可进行拖放) 避免意外移动文件，编辑器选项卡...menu items(在菜单项中显示图标) 在主菜单和上下文菜单中，在项目左侧显示图标。...Antialiasing(抗锯齿) IDE: 选择要应用于IDE的哪种抗锯齿模式（包括菜单，工具窗口等） Subpixel(子像素): 用于LCD显示器，并利用彩色LCD上的每个像素都由红色，绿色和蓝色子像素组成...Editor: 选择要应用于编辑器的抗锯齿模式： Subpixel(子像素): 用于LCD显示器，并利用彩色LCD上的每个像素都由红色，绿色和蓝色子像素组成 Greyscale(灰度): 建议此选项用于非...(左侧并排布局) 被附连到顶部和底部边缘中的两列，而不是堆叠在彼此的顶部上显示垂直工具窗口。
使用符号时可以选择系统提供的，也可以。如果上下文菜单包含子菜单则不需要，因为它会自动显示系统提供的V形符号，表示存在其他命令。 使用子菜单来管理复杂性。...子菜单是情境菜单的菜单项，显示逻辑相关命令的二级菜单。为子菜单提供直观的标题来描述它们的内容，这样用户就可以预测子菜单的命令而不必全部显示出来。...虽然子菜单可以缩短情境菜单并说明用户可以执行的命令，但是如果子菜单分还几个层级的话会使得体验变得复杂，并且让用户难以导航。 将最常用的项放在情境菜单的顶部。...折叠后，紧凑型样式将显示一个按钮，该按钮以应用程序的主色显示当前值。当人们点击按钮时，日期选择器将扩展为模式视图，从而提供对熟悉的日历样式编辑器和时间选择器的访问。...在iOS 12及更早版本中，以及在全面屏显示的设备上，网络活动指示器会在发生联网时在屏幕顶部的状态栏中旋转，联网完成后消失。和活动加载指示器样式一样，并且是非交互式的。 ?
Esc 打开“开始”屏幕 Ctrl + Shift + Esc 打开任务管理器 Ctrl + Shift 在提供了多个键盘布局时切换键盘布局 Ctrl + 空格键 打开或关闭中文输入法编辑器 (IME...+ F 打开“反馈中心” Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + H 打开“共享”超级按钮 Windows 徽标键 + I 打开“设置” Windows...（在第二道笔划时还原所有窗口） Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸到屏幕的顶部和底部 Windows 徽标键 + Shift + 向下键 在垂直方向上还原/最小化活动桌面窗口...查看上一个文件夹 Backspace 查看上一个文件夹 向右键 显示当前选项（如果它处于折叠状态），或者选择第一个子文件夹 向左键 折叠当前选项（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端...查看上一个文件夹 Backspace 查看上一个文件夹 向右键 显示当前选项（如果它处于折叠状态），或者选择第一个子文件夹 向左键 折叠当前选项（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端
），在这种编辑器下，原有的“短代码”就显得非常的落后了： 短代码存在的问题：在旧的TinyMCE编辑器中，短代码往往需要手动输入和编辑，很难记忆和使用。...您可以： 增加或减少边栏 定义每个边栏的图标 分配边栏在文章还是在首页显示 当文章被检测到“文章目录”时，也会自动将文章目录当做一个边栏默认展示。...文章目录（Wiki模式） 当文章中存在多个“二级”、“三级”标题时，主题将自动启用“文章Wiki模式”。...UI样式 您可以轻松的在文章中插入小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等，例如： 图片 图片 未标题 显示下拉菜单 左眼会配右眼哭の博客...图片无法生成封面的问题 3、文章内容较短而边栏很长时，在某些尺寸屏幕上出现的滚动问题 4、部分样式问题 5、部分插件无法正常使用jQuery的问题 6、引入Autoprefixer解决旧版浏览器前缀的问题
富文本编辑器作为直接与用户交互的内容输入生产工具，对大家的项目来说非常重要。选不好，配置不好，直接影响产品质感和用户体验，所以说在选择编辑器方面花点时间是值得的。...TinyMCE - 富文本编辑器里的 Word ，功能想不到的丰富 TinyMCE 是富文本编辑器领域的头部玩家之一，主流富文本编辑器，功能非常全，你需要的大多数功能它都支持。...它甚至有点像在线版的 Word，可以在顶部的各种菜单中找到你要的功能。但它的优势也恰恰是它的劣势，如此之多的功能都放上来导致整个编辑器非常重，如果只是需要简单功能，上这么复杂的编辑器，大材小用。...但它比其他编辑器更棒的地方在于多人在线实时编辑。类似于谷歌文档那种效果，所有使用者在同一个页面彼此能看到对方的光标位置和名字，大家同时在线协同编辑。...CKEditor 是编辑器前辈 FCkEditor 的基础上开发的全新版本。它的 UI 设计现代，支持行内编辑模式。免费付费功能分布合理，付费主要是小部件、实时协同和历史记录。
它将带有十种样式变体，用户可以在站点编辑器中选择。 它还将附带四种不同风格的字体。您也可以在撰写文章和页面时选择这些字体。...它还将帮助用户在调整块的填充和边距时可视化更改。 改进的边框选项 使用 WordPress 6.1，用户可以为更多块添加边框。他们还可以分别调整顶部、右侧、底部和左侧边框。...同样，当使用 引用Quote 块时，用户可以设置不同的引用和引用块样式。 改进的导航块 WordPress 6.1 带有改进的导航块，使您可以轻松地从块设置中创建和选择菜单。...用户还可以为子菜单使用设计工具，并将它们的样式与父菜单项不同。 编辑器设计增强 WordPress 6.1 还将对编辑器屏幕设计进行一些更改。这些更改将改善块编辑器屏幕上的用户体验。...这将弹出一个模式弹出窗口，您可以在其中查找可以使用的可用模板部分。 在站点编辑器中快速清除自定义 WordPress 6.1 现在允许您在使用站点编辑器时快速清除自定义。
当打开多个 PDF 时，每个 PDF 会在同一应用程序窗口的标签中打开。可以从顶部切换标签 - 标签名称显示该文件的名称。在工作区的顶端，可以看到菜单栏和工具栏。...页面显示在浏览文件时，可以选择不同的页面显示，或利用缩放菜单，可对显示内容进行缩放，以达到更好的浏览效果。...单页视图 窗口只显示一页启用滚动 窗口的页面可连续滚动双页视图 窗口并排显示两页双页滚动 窗口并排显示两页,连续滚动可点击图片放大查看阅读模式 与 全屏模式在阅读模式下，可以隐藏所有工具栏和任务窗格，以最大化屏幕上的查看区域...在全屏模式下，将只显示文档；菜单栏、工具栏、任务窗格和窗口控件都将处于隐藏状态。...全屏模式时，可按“空格”“回车”键或“←,→,↑,↓”键或鼠标左右键来切换上一页或下一页，从而实现PDF格式的PPT文档播放。当处于 阅读模式 或 全屏模式，按“Esc”键即可退出，返回正常显示模式。
Esc 打开“开始”屏幕 Ctrl + Shift + Esc 打开任务管理器 Ctrl + Shift 在提供了多个键盘布局时切换键盘布局 Ctrl + 空格键 打开或关闭中文输入法编辑器 (IME...（在第二道笔划时还原所有窗口） Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸到屏幕的顶部和底部 Windows 徽标键 + Shift + 向下键 在垂直方向上还原/最小化活动桌面窗口...查看上一个文件夹 Backspace 查看上一个文件夹 向右键 显示当前选项（如果它处于折叠状态），或者选择第一个子文件夹 向左键 折叠当前选项（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端...在“程序员”模式下选择 Not & 在“程序员”模式下选择 And 空格键 在“程序员”模式下切换位值 游戏栏键盘快捷方式 按此键 执行此操作 Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时...“照片”键盘快捷方式 按此键 执行此操作 空格键（在“集锦”中） 选择项目并进入选择模式 Enter（从选择模式） 在处于选择模式下时选择项目 空格键（查看照片） 显示或隐藏命令 空格键（查看视频）
有趣的是，Android N 的“勿扰模式”开关会一直显示在设置界面的顶部，即便进入第二级菜单也是如此，不过它会随着向下滑动菜单而移动。...Doze休眠机制是当设备处于空闲状态时，通过推迟应用的 CPU 和网络活动以实现省电目的的系统模式。 在 Android N 中，Doze休眠机制又前进了一步。...具体点来说，就是屏幕关闭片刻后，设备在使用电池时，Doze休眠机制将限制网络访问，同时延迟作业和同步。在短暂的维护时间范围后，其允许应用访问网络，并执行延迟的作业/同步。...当设备再次处于静止状态时，屏幕关闭且使用电池一段时间，Doze休眠机制针对PowerManager.WakeLock,AlarmManager警报和 GPS/Wi-Fi 扫描应用完整 CPU 和网络限制...紧急信息窗口仅在当你设置了安全锁屏且在紧急拨号面板下才会显示出来，毕竟当遇到突发急症等险境时，如果在手机上设置了锁屏，别人就无法主动通过手机联系家人或朋友。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
