阿罗哈编辑:插入图片/图片

我正在使用Aloha编辑器在由PHP和MySQL支持的网站上编辑内容。 它工作正常,但我需要能够插入图像/图片。 我为此找到了一个Aloha编辑器插件。 以下是一些链接:

  • http://labs.tapo-it.com/aloha-editor/image-plugin/
  • http://aloha-editor.org/wiki/ImagePlugin
  • https://github.com/alohaeditor/Aloha-Plugin-Image

第一个链接中有一个例子 。 但是,我无法在最新版本的Aloha编辑器和jQuery上运行该插件。 它无法加载,Chrome说:

image.js:30 Uncaught TypeError: Cannot read property 'fn' of undefined 

我没有血腥的线索这意味着什么。

理想情况下,用户应该能够从服务器上的图像列表中选择图像。 它们位于一个目录中,并且还有一个MySQL表。 我怀疑这是存储库的用武之地,但我无法理解如何实现它。

有没有人在Aloha编辑器中使用这个插件有运气,或者找到任何其他插入图像的方法?

有点太晚了,但如果你需要我为Aloha Editor制作一个简单的插件来插入/上传图片。 这个插件是我的symfony 1.x插件的一部分,可以轻松地将Aloha集成到Symfony应用程序中。

这是Symfony插件的来源。

这是我的图像插入/上传插件 。

它非常简单,可能会有所改进。 它没有像您期望的那样在服务器端使用文件存储库,因此这只是回答您的问题的“插入图像的任何其他方式”。

我写这篇文章给另一位编辑发布图片。 远非完美但它应该有效。 您只需要将.te更改为编辑器iframe

  $SQL = "SELECT * FROM PHOTO_GALLERY"; $result = mysql_query( $SQL ); while( $row = mysql_fetch_array( $result ) ) { $photo_id = $row["photo_id"]; $photo = $row["photo"]; $photo_name = $row["photo_name"]; $picture = "$photo_name"; echo ''.$photo_name.' < script> $(document).ready(function(){ $(".picture_'.$photo_id.'").click(function() { $(".te").contents().find("body").append("'.$picture.'"); }); }); < /script>