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

Question

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

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

Answer 1

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

Answer 2

谢谢罗宾乔。

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

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

How to remove the Blue Line around the TinyMCE-5 editor - inline mode