Aloha編輯器：插入圖像/圖片

我使用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編輯器中使用這個插件有什麼好運氣，或者找到其他插入圖片的方法？

來源

2011-05-31 Zdeněk Gromnica

它說，第一個插件只測試和構建在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

我做過了，我相信它們都是同一個插件。至於存儲庫，你會有一個工作的例子嗎？我在維基上看到的是一個它應該是什麼的概念，以及一個巨大的屬性列表，這並沒有什麼幫助。 – 2011-06-02 09:29:32

Aloha，關於Aloha編輯器的問題的好地方是github。你會得到技術問題的答案.. https://github.com/alohaeditor/Aloha-Editor/issues – 2011-06-02 05:07:51

有點太晚了，但如果你需要我做了一個簡單的插件阿羅哈編輯器插入/上傳圖片。這個插件是我的symfony 1.x插件的一部分，可以輕鬆地將Aloha整合到Symfony應用程序中。

這是Symfony plugin的來源。

這裏是my image insert/upload plugin。

這很簡單，它可能會改善。它不會像您期望的那樣在服務器端使用文件存儲庫，所以這隻能回答您的問題的「插入圖像的其他方式」。

來源

2012-06-21 08:46:17

你有現場演示嗎？ – 2013-02-21 15:14:07

@PapaDeBeau我設置了一個現場演示並更新了插件：http://sf1.michaelperrin.fr/test/aloha。有關詳情，請訪問http：//blog.michaelperrin。fr/2013/02/22/update-of-sfalohaplugin/ – 2013-02-22 13:02:52

非常感謝。演示非常棒。我嘗試了阿羅哈，我的問題是獲取「插入圖像」來顯示和工作。我點擊插入標籤，框不顯示。我想知道這是否是一種排序？ – 2013-02-24 00:10:28

我寫了這個爲另一位編輯張貼在圖片。遠非完美，但它應該工作。您只需要到.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>

來源

2011-09-20 14:38:44 MHowey

我想這是一個很好的答案，因爲我會得到。基本上，Aloha並不能可靠地提供圖像插入功能，因此您必須製作自己的「工具欄」來插入圖像。醜陋但功能性強。 – 2012-05-07 14:51:02

Aloha編輯器：插入圖像/圖片

回答

相關問題