Редактор Aloha: вставка изображений / картинок - PullRequest
5 голосов
/ 31 мая 2011

Я использую Aloha editor для редактирования контента на веб-сайтах, работающих на PHP и MySQL.Это работает нормально, но мне нужно иметь возможность вставлять изображения / картинки.Я нашел Aloha редактор плагин для этого.Вот несколько ссылок:

В первой ссылке есть пример *1021*.Тем не менее, я не могу запустить плагин на последней версии редактора Aloha и jQuery.Не удается загрузить, и Chrome говорит:

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

Я не имею ни малейшего понятия, что это значит.

В идеале, пользователь должен иметь возможность выбрать изображение из списка изображений, которыена сервере.Они расположены в одном каталоге и также имеют таблицу MySQL для них.Я подозреваю, что это - то, где репозиторий входит, но я не мог понять, как реализовать это.

Кто-нибудь имел удачу с использованием этого плагина в редакторе Aloha, или нашел какие-либо другие способы вставки изображений?

Ответы [ 2 ]

3 голосов
/ 21 июня 2012

Слишком поздно, но если вам нужно, я сделал простой плагин для Aloha Editor, чтобы вставить / загрузить изображение.Этот плагин является частью моего плагина Symfony 1.x для простой интеграции Aloha в приложение Symfony.

Это источник плагина Symfony .

. мой плагин для вставки / загрузки изображений .

Это действительно просто, и, возможно, его можно улучшить.Он не использует файловый репозиторий на стороне сервера, как вы ожидаете, поэтому он отвечает только на ваши «любые другие способы вставки изображений» на ваш вопрос.

0 голосов
/ 20 сентября 2011

Я написал это для другого редактора, чтобы публиковать в картинках. Далеко не идеально, но это должно работать. Вам нужно только изменить .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>
...