5

PHP と MySQL を利用した Web サイトのコンテンツを編集するためにAloha エディターを使用しています。正常に動作していますが、画像/写真を挿入できるようにする必要があります。そのための Aloha エディター プラグインを見つけました。ここにいくつかのリンクがあります：

最初のリンクに例があります。ただし、最新バージョンの Aloha エディターと jQuery でプラグインを実行することはできません。ロードに失敗し、Chrome は次のように言います。

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

これが何を意味するのか、私にはまったくわかりません。

理想的には、ユーザーがサーバー上にあるイメージのリストからイメージを選択できる必要があります。これらは単一のディレクトリにあり、MySQL テーブルもあります。これがリポジトリの出番だと思いますが、それを実装する方法を理解できませんでした。

このプラグインを Aloha エディターで使用したり、画像を挿入する他の方法を見つけたりした人はいますか?

4

2 に答える 2

3

少し遅くなりましたが、必要に応じて、画像を挿入/アップロードするための Aloha Editor 用の簡単なプラグインを作成しました。このプラグインは私の symfony 1.x プラグインの一部であり、Aloha を Symfony アプリに簡単に統合できます。

これはSymfony プラグインのソースです。

そして、これが私の画像挿入/アップロードプラグインです。

それは本当に簡単で、おそらく改善される可能性があります。期待どおりにサーバー側でファイルリポジトリを使用しないため、これは質問の「画像を挿入する他の方法」への回答にすぎません。

于 2012-06-21T08:46:17.783 に答える
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>
于 2011-09-20T14:38:44.880 に答える