2011-05-31 137 views
5

我使用Aloha editor编辑由PHP和MySQL驱动的网站上的内容。它工作正常,但我需要能够插入图像/图片。我找到了一个Aloha编辑器插件。这里有一些链接:Aloha编辑器:插入图像/图片

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

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

我没有血腥的线索是什么意思。

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

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

+0

它说,第一个插件只测试和构建在Firefox中工作,所以你可能想尝试从第二个链接。 回答你对版本库是否正确。你只需要实现GENTICS.Aloha.Repositories方法。 .query = function(p,callback){vat that = this; ...填充数据... callback.call(that,data); } 你可以在这个wiki页面找到更多的信息:http://aloha-editor.org/wiki/Repository – csupnig 2011-06-01 07:27:47

+1

我做过了,我相信它们都是同一个插件。 至于存储库,你会有一个工作的例子吗?我在维基上看到的是一个它应该是什么的概念,以及一个巨大的属性列表,这并没有什么帮助。 – 2011-06-02 09:29:32

+0

Aloha,关于Aloha编辑器的问题的好地方是github。你会得到技术问题的答案.. https://github.com/alohaeditor/Aloha-Editor/issues – 2011-06-02 05:07:51

回答

3

有点太晚了,但如果你需要我做了一个简单的插件阿罗哈编辑器插入/上传图片。这个插件是我的symfony 1.x插件的一部分,可以轻松地将Aloha整合到Symfony应用程序中。

这是Symfony plugin的来源。

这里是my image insert/upload plugin

这很简单,它可能会改善。它不会像您期望的那样在服务器端使用文件存储库,所以这只能回答您的问题的“插入图像的其他方式”。

+0

你有现场演示吗? – 2013-02-21 15:14:07

+0

@PapaDeBeau我设置了一个现场演示并更新了插件:http://sf1.michaelperrin.fr/test/aloha。有关详情,请访问http://blog.michaelperrin。fr/2013/02/22/update-of-sfalohaplugin/ – 2013-02-22 13:02:52

+0

非常感谢。演示非常棒。我尝试了阿罗哈,我的问题是获取“插入图像”来显示和工作。我点击插入标签,框不显示。我想知道这是否是一种排序? – 2013-02-24 00:10:28

0

我写了这个为另一位编辑张贴在图片。远非完美,但它应该工作。您只需要到.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> 
+0

我想这是一个很好的答案,因为我会得到。基本上,Aloha并不能可靠地提供图像插入功能,因此您必须制作自己的“工具栏”来插入图像。丑陋但功能性强。 – 2012-05-07 14:51:02