如何删除 TinyMCE-5 编辑器周围的蓝线 - 内联模式

Question

任何人都可以帮助如何删除TinyMCE 5编辑器周围的蓝线吗？

具体来说，当使用 Distraction-Free 的“inline”实现时，它会显示编辑器何时处于活动状态。

Answer 1

谢谢罗宾乔。

我在 Tiny 'inline' CodePen 上找到了答案。 这样就可以了：

  <style>
  * [contentEditable="true"]:focus
  { outline: 0px ; }
</style>

Answer 2

这可能与

content_css

配置选项有关。此选项处理编辑器内内容的样式，其中可能包括蓝色边框。我们有一篇关于自定义样式的博客文章 - https://www.tiny.cloud/blog/tinymce-css-and-custom-styles/

Answer 3

角度示例 我有tinymce，有一个文档链接，您可以根据版本找到自己的方法https://www.tiny.cloud/docs/tinymce/5/content-appearance/。

我的版本是5。 我刚刚将

content_style: 'table { outline: none !important }',

添加到我的初始化配置中。

注意：我的目标是在“阅读”模式下从表格中删除大纲