使用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>

但是更改行参数似乎不会改变文本区的高度。 有没有办法改变文本区的高度？ 我查看了TinyMCE软件包的JS代码，但它非常简洁和难以阅读，所以我想知道是否有更简单的方法来改变文本区的高度。

谢谢！

- GeekedOut

Answer 1

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

2) 您必须使用CSS宽度和高度参数。您可以执行以下操作：

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

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

- Alf

---

谢谢，我刚刚将宽度和高度改为像素，但我认为它被TinyMCE的JavaScript覆盖了。它没有完全起作用。 - GeekedOut

Answer 2

1. 路径 p 表示您正在段落内部（html 标签 p）。该路径将向您展示您在富文本中的编写位置（因此，如果您看到 div p，则表示您位于一个 p 内部，而该 p 又位于一个 div 内部）。
2. 更改 rows 属性将更改高度。尝试将其更改为 15，您将看到差异。

- Aurelio De Rosa

---

我将其更改为具有更多的行，但是我认为 TinyMCE 的默认值正在覆盖行属性。 有什么办法可以解决这个问题吗？ - GeekedOut

Answer 3

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

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

- Thariama