使用TinyMCE富文本编辑器 - 如何修改文本框大小？

Question

我刚刚在我的网站上实现了TinyMCE富文本编辑器，它实际上非常棒，但我确实有两个问题。

在此页面上，例如：http://www.problemio.com/add_problem.php

1）文本区域底部的“Path p”文本是什么？它没有意义，我不知道如何改变它。

2）如何使默认文本区域更高？我将页面的HTML更改为：

<textarea name="problem_blurb" cols="60" rows="9" id="problem_blurb"></textarea>

但是更改rows参数似乎不会改变文本区域的高度。有没有办法改变文本区域的高度？我从TinyMCE包中查看了JS，但它的浓缩和不可读，所以我想知道是否有更简单的方法来改变文本区域的高度。

谢谢！

Answer 1

1. 路径p表示您位于段落（html标记p）中。该路径将显示您在富文本中写入的位置（因此，如果您看到div p表示您位于p内的div内
2. 更改rows属性将更改高度。尝试将其更改为15，您将看到差异。

Answer 2

1）路径是您在编辑时所在的当前HTML元素。这意味着你在<p>...</p>（正常段落）元素内写作。

2）你必须使用CSS宽度和高度参数。你可以这样做：

<textarea name="problem_blurb" id="problem_blurb"
style="width: 500px; height: 300px;">
</textarea>

请注意，如果您已在TinyMCE中启用了可调整大小模式，则可能已保存当前大小，然后忽略CSS设置值。为了能够看到您的编辑内容，请清除浏览器的缓存和Cookie。

Answer 3

1） Alf和AurelioDeRosa已经回答了。这是一个非常好的功能。

2）您可以使用width和height tinymce config参数设置您的tinymce编辑器的高度和宽度。