1

私はCIに比較的慣れていませんが、とても楽しんでいます。

TinyMCE を使用してマークアップを修正するかなり堅牢なフォームを作成しました。私のニーズの 1 つは、ホットリンクではなく画像をアップロードすることです。

複数の異なる TinyMCE Upload プラグインを実行しようとしましたが、すべてにパス構成の問題があるか、Apache がブロックしているようです。

CI のドキュメントを読むと、アップロードについて何か覚えているようですが、実際にはそれに従っていません。

私がしていないことはありますか?おそらく、Routes や .htaccess に関するものでしょうか? CI を使用した推奨される TinyMCE アップロード方法はありますか?

前もって感謝します。

4

2 に答える 2

1

アップロード ボタンのクリック時に独自の JQuery/Angular/Whatever イベントを作成し、データを使用して Ajax 呼び出しをサーバーに送信します。ここに示すように、JQuery を使用して入力からデータを取得し、フォーム処理コントローラーに送信できます。

これがあなたの入力であるとします:

<input type="file" name="file" id="file" required />

js には、以下のように Ajax 呼び出しを行うための JQuery トリガーと別の Jquery 関数が含まれます。

tinymce.init({
  selector: 'textarea',
  height: 500,
  toolbar: 'mybutton',
  menubar: false,
  setup: function (editor) {
  editor.addButton('mybutton', {
  text: 'My button',
  icon: false,
  onclick: function () {
   //Trigger Submit event on input
   $("#uploadimage").trigger('submit');
  }
});
  },
     content_css: [
      '//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
       '//www.tinymce.com/css/codepen.min.css'
       ]
});

  //Triggered on submit
$("#uploadimage").on('submit',(function(e) {
e.preventDefault();
$("#message").empty();
$('#loading').show();
$.ajax({
url: "ajax_php_file.php", // Url to which the request is send
type: "POST",             // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false,       // The content type used when sending data to the server.
cache: false,             // To unable request pages to be cached
processData:false,        // To send DOMDocument or non processed data file it is set to false
success: function(data)   // A function to be called if request succeeds
{
$('#loading').hide();
$("#message").html(data);
}
});
}));

CI フォーム アップロード ライブラリを使用して、アップロードされたファイルを処理できるコントローラーを作成します。率直に言って、TinyMCE よりも Froala の方が好きです。あなたのヤギの男を浮かべるものは何でも。これがうまくいったかどうか教えてください。このコードをその場で準備しただけで、かなり怠惰です。TinyMCE init でフォーム処理関数を移動できます。乾杯!

于 2016-10-11T11:07:06.483 に答える
1

画像をアップロードするフォルダーは、サブディレクトリではなく「public_html」に配置する必要があります。つまり、画像のアップロード フォルダーは親フォルダーにある必要があります。

于 2012-07-12T11:55:50.440 に答える