Question

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

有an example in the first link。但是，我无法在最新版本的Aloha编辑器和jQuery上运行该插件。它无法加载，Chrome说：

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

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

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

有人在Aloha编辑器中使用此插件有什么运气，或者找到了插入图像的其他方法吗？

Answer 1

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

这是Symfony plugin。

的来源

这是my image insert / upload plugin。

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

Answer 2

我为另一位编辑写了这张照片。远非完美但它应该有效。您只需要将.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 = "<img alt='$photo_name' title='$photo_name' src='http://$domain/$photo'>";

echo '<span style="cursor:pointer" class="picture_'.$photo_id.'"><img title="Click to add image" alt="'.$photo_name.'" height="50" src="/'.$photo.'" width="50"/></span>


< script>
 $(document).ready(function(){
$(".picture_'.$photo_id.'").click(function() {
$(".te").contents().find("body").append("'.$picture.'");
});
});
< /script>

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

2 个答案: