SharePoint 2010 - 如何用 TinyMCE 替换用于列表中多行字段的默认富文本编辑器？答案

【问题标题】：SharePoint 2010 - How to replace the default rich text editor used for multi-line fields in lists with TinyMCE?SharePoint 2010 - 如何用 TinyMCE 替换用于列表中多行字段的默认富文本编辑器？
【发布时间】：2011-10-22 06:02:42
【问题描述】：

有没有人用 TinyMCE 替换 SharePoint 2010 列表中多行字段的默认富文本编辑器？

在 SP 2007 中有一些这样做的链接，但我无法让它们工作 - http://joshmccarty.com/2011/06/use-tinymce-as-the-rich-text-editor-in-sharepoint-forms/comment-page-1/#comment-1015

也请通过 jiri@jiripik.com 抄送我。

谢谢。

【问题讨论】：

标签： sharepoint tinymce

【解决方案1】：

也许最好编写自己的Custom field type，从SPFieldMultiLineText 继承它并覆盖属性FieldRenderingControl 并返回使用TinyMCE 的控制？

【讨论】：

【解决方案2】：

这里的问题是，在 SP2010 中，RTE 默认位于功能区中。您仍然可以在字段本身中显示一个编辑器（有关更多信息，请参阅this），但我的问题是：您为什么要这样做，因为这会破坏用户体验，因为其他所有内容都在功能区中?

【讨论】：

【解决方案3】：

为了它的价值，我创建了一个简单的bookmarklet 以将 TinyMCE 调入 Sharepoint 页面。

您需要找到托管 TinyMCE 的地方。大多数 MacOS X 机器都有一个本地网络服务器（如果您启用了网络共享），其文档根目录位于 /Library/WebServer/Documents。

那么小书签就是：

    javascript:(function() {
       h = document.getElementsByTagName("head")[0];
       scriptT = document.createElement("script");
       scriptT.src = "http://localhost/js/tiny_mce/tiny_mce.js";
       scriptT.type = "text/javascript";
       scriptT.onload = function(){
          tinyMCE.init({mode: "textareas", theme:"advanced",
             theme_advanced_toolbar_location:"top"});
       };
       h.appendChild(scriptT);
    })()

在 Chrome 上，我可以将以上内容复制并粘贴到新书签中，Chrome 会处理行尾等问题。

无论如何，这都不是一个完美的解决方案，但它确实让我的生活更轻松。值得注意的问题：例如，弹出窗口不起作用，因此您无法输入链接或 HTML。

【讨论】：