TinyMCE图像作为链接

时间:2017-02-24 14:06:44

标签: javascript html typescript tinymce

我在应用程序中使用TinyMCE,并且看起来很简单。我需要添加一个链接到网站的图像。我已经有链接,图像和imagetools插件工作。在工具栏上,我有一个链接和图像按钮。但是,这些选项似乎都没有我想要的东西。链接按钮强制文本,图像按钮不允许我创建链接。

我已经阅读了ImagesLinks的插件部分,所以也许我错过了一些或者这是不可能的。我可以在工具栏上添加我自己的按钮并自己插入内容,但是如果可能的话就想使用插件工具。

以下是我的选项部分的一部分:

plugins: "link image imagetools",
imagetools_toolbar: "rotateleft rotateright | flipv fliph | editimage imageoptions",
content_css: "content/mce.css",
toolbar1: 'addlink | undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | image',

2 个答案:

答案 0 :(得分:2)

如果我插入图像,请单击图像上的一次,然后单击插入链接工具栏按钮我可以在图像上放置超链接。

你能创建一个TinyMCE小提琴,显示你的配置不允许这种行为吗?

答案 1 :(得分:0)

Hamza 是正确的,我设法绕过了这个错误,并通过注释掉 tinymce.js 中的以下几行来允许来自图像的链接工作:

if (node && node.tagName == 'IMG') {
    self.getSel().setBaseAndExtent(node, 0, node, 1);
}