angularjs 如何在ui-tinymce中隐藏文本区域的边框

xriantvc  于 2022-12-10  发布在  Angular
关注(0)|答案(2)|浏览(225)

I want to do inline editing in ui-tinymce. Its the text area and I want to hide its border. It should edit only when user clicks on text area. I am inline as true, but still it shows border.

$scope.tinymceOptions = {
        inline: true,
        menubar: false,
        toolbar: "bold italic underline styleselect",
        statusbar: false,
        skin: 'lightgray',
        theme : 'modern'
  };
bbuxkriu

bbuxkriu1#

在您的tinymceOptions中尝试此操作:

inline_boundaries: false

如果仍然不起作用,您可以通过以下方式覆盖css中的边框:

.mce-container {
   border: 0px !important;
}
muk1a3rh

muk1a3rh2#

当使用内联模式时,我有一个持久的边框,当可编辑区域处于活动状态时是可见的,我通过添加以下内容到我的内联样式来解决它:

:focus-visible {
   outline:0;
}

你可能可以让它不添加大纲在一个更“适当”的方式,但我发现很难编辑的主题css文件,由于他们的混乱性质。

相关问题