Uncaught TypeError：$（...）。tinymceは関数ではありません

Question

助けてもらえますか？

私はTinyMCEをフォーム

$(document).ready(function() { 


if (typeof(base_url) == "undefined") { 
    var base_url = location.protocol + '//' + location.host + '/'; 
} 

$("#additional-information").tinymce({ 
    script_url : 'http://sab-solutions.com/phpformbuilder/plugins/tinymce/tinymce.min.js', 
    document_base_url: base_url, 
    relative_urls: false, 
    theme: "modern", 
    language: 'fr_FR', 
    element_format: "html", 
    menubar: false, 
    plugins: [ 
     "autolink autoresize charmap contextmenu link lists paste table" 
    ], 
    entity_encoding : "raw", 
    contextmenu: "link inserttable | cell row column deletetable", 
    toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link", 
    schema: "html5" 
}); 

    }); 

でフォームを、このエラーを取得するには、このウェブサイトに sab-solutions.com/site/emploi.php

あるあなたが必要進める

Answer 1

ありがとうtinyMCE JSライブラリへの参照を含めること。彼らは//cdn.tinymce.com/4/tinymce.min.jsでCDNでホストされているバージョンを持っています、あなたは手動でそれをダウンロードすることができます、またはバワーのようなパッケージマネージャを使用してください。 - あなたが呼び出すとき

<script src="//cdn.tinymce.com/4/tinymce.min.js" type="text/javascript"></script>

Answer 2

エラーメッセージがjQueryオブジェクトには何のtinymceプロパティまたはメソッドが存在しないことを言っている：src属性をscriptタグを使用して外部のJavaScriptファイルをreferneceする

$("#additional-information").tinymce...

あなたは存在しません$("#additional-information") jQueryオブジェクトのメソッドやプロパティにアクセスしようとしています。

ドキュメントの準備ができているTinyMCEを使用しても問題はありません。あなたはそのコードに書かれていることはできません。 （TinyMCEは、そのフィールドを引き継ぐだろう）。これは、あなたに同じ結果を得るでしょう

tinymce.init({ 
    selector: '#additional-information', 
    . 
    . 
    . 
}); 

：

代わりのような何かをします。

もしあなたがまだ立ち往生しているのであれば、あなたが持っているものを示す簡単なTinyMCE Fiddleを作成することをお勧めします。

注：あなただけのTinyMCEのjQueryのバージョンで動作します$("#additional-information").tinymce...を使用しています。通常の配布を使用している場合、これらの呼び出しは機能しません。私の推奨は、jQuery環境内でTinyMCEを動作させるために、追加のjQueryオブジェクトを作成するオーバーヘッドを追加しないので、通常のディストリビューションを使用することです。

Answer 3

解決済み！ 問題は、jquery jsの2倍を含むことでした。

Answer 4

Espero ter ajudado

fiz dessa forma e funcionou。

<textarea id="estrutura" data-id="estrutura" class="form-control readContext" name="estrutura" rows="5" cols="50"><?= $campo['estrutura'] ?>< /textarea> 

<textarea id="estrutura1" data-id="estrutura1" class="form-control readContext" name="estrutura" rows="5" cols="50"><?= $campo['estrutura'] ?>< /textarea> 

---

<script type="text/javascript"> 

    $('.readContext').each(function(){ 
     var idText = $(this).data('id'); 
     tinymce.init({ 
      selector: '#'+idText, 
      language: 'pt_BR', 
      height: 300, 
      theme: 'modern', 
      plugins: [ 
       'advlist autolink lists link image charmap print preview hr anchor pagebreak', 
       'searchreplace wordcount visualblocks visualchars code fullscreen', 
       'insertdatetime media nonbreaking save table contextmenu directionality', 
       'emoticons template paste textcolor colorpicker textpattern imagetools codesample', 
       'insertdatetime media table contextmenu paste jbimages' 
      ], 
      toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages', 
      toolbar2: 'print preview media | forecolor backcolor emoticons | codesample', 
      image_advtab: true, 
      relative_urls: false 

     }); 

    }); 


</script>