Question

我正在使用TinyMCE v5，并且无法通过拖动右角手动调整编辑器的大小。

这是我的设置：

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.2/tinymce.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.2/jquery.tinymce.min.js"></script>


tinymce.init({ 
    selector:'#client_report',
    resize: true,
    theme_advanced_resizing: true

});


<div class="well"  >
<h3>Client's Report</h3>
    <textarea    id="client_report" placeholder="Enter here the latest client's report"   >
    </textarea >
</div>

我尝试了是否使用theme_advanced_resizing，但结果相同。关于如何解决此问题的任何想法？谢谢。

Answer 1

theme_advanced_resizing在v5中不是一个选项。

除此之外，在一个简单的示例中似乎可以正常工作： http://fiddle.tinymce.com/JDgaab

调整大小默认为true，因此仅在需要both时才需要设置。

Answer 2

autoresize项中是否列出了plugins选项？它应该没有影响，但是您可以尝试将其删除以查看是否有帮助...

可能会影响编辑器调整大小的另一件事可能是您在嵌入well的{{1}}中使用的类<div>中。如果定义了CSS position 或 display 选项设置为<textarea>，则可能会破坏编辑器的某些视觉功能（尤其是与尺寸和位置相关的功能））。

此外，这里还为您的 TinyMCE Init 设置提供了一些小建议：

flex

您可以查看我有关TinyMCE 5与调整大小有关的答案，它可能为您带来一些其他的想法和选择：How to automatic resize tinyMCE?

TinyMCE 5手动调整大小

2 个答案: