如何在tinymce中嵌入图像？

Tinymce允许您通过引用url来添加图像。对于一个普通用户来说，他们可能根本不知道网址是什么，这太乏味了。他们在电脑上有一个图像，它应该嵌入到html文本中。有没有一种简单的方法来实现这个使用tinymce？如何在tinymce中嵌入图像？

由于tinymce编辑器在本地运行，因此文件上传插件在此特定实例中不会有帮助。图片确实需要在html文本中嵌入嵌入。

来源

2011-08-30 Ola Eldøy

您需要确保在tinymce中init valid_elements和valid_children配置正确。你希望用户如何嵌入图像？（buttonclick，拖动和下降，...）

要插入每TinyMCE的API的图像，你可以使用：

editor.execCommand('mceInsertContent', false, '<img src="images/myimage.jpeg" height="12" width="12" />');

我强烈建议你下载TinyMCE的开发者版本，并有仔细看看文件tiny_mce/themes/advanced/editor_template_src.js和tiny_mce/themes/advanced/charmap.html。如果可能的话，搜索源代码中的“charmap”。而不是插入一个字符，你将不得不插入图像的HTML代码。

来源

2011-08-30 13:47:51 Thariama

我想使用“插入图像”按钮。当然，拖放会很整洁！但是按钮可能更容易被发现，并且不需要任何特殊的培训。 –

所以在这种情况下点击按钮会插入一个单一的图像（相同）或触发对话来选择一个？ – Thariama

按下“插入图像”按钮时选择文件的对话框就是我的目标。 –

我创建了一个插件，它的发现这里（https://github.com/buddyexpress/bdesk_photo）

有在插件的一些限制，如：

图像必须等于或小于500KB
图像必须是等于或小于800x800的尺寸。

来源

2014-02-27 21:25:33 Leonard

如何在tinymce中嵌入图像？

回答

相关问题