web-dev-qa-db-ja.com

TinyMCEは定義されていませんJquery

このエラーに2日間取り組んでおり、TinyMCEを機能させることができません。 TinyMCEのjqueryバージョンを使用しています。以下は、textareaを含むフォームを含む私のHTMLコードです。 Google Inspect Elementを使用していますが、コンソールタブで次のエラーが発生します：「UncaughtReferenceError：tinymce isnotdefined」。どんな助けでもいただければ幸いです。

<form id="add_update_form" action="" method="POST" title="Add Blog">

<p class="feedback"></p>

<!-- <label>Created:</label>
<input type="text" name="created"> -->

<label>Title:</label>
<input type="text" name="title" class="input-block-level">

<label>Content:</label>
<textarea width="100%" rows="10" cols="10" name="content" class="input-block-level"></textarea>

<div class="clear"></div>

</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"    type="text/javascript"></script>
<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste moxiemanager"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>
jquerytinymce
8
gustavo

Jqueryバージョンを使用しているので、jqueryプラグインのように設定する必要があります

$(function() {
   $('textarea.tinymce').tinymce({
    ...
   });
});

http://www.tinymce.com/tryit/3_x/jquery_plugin.php

8
Jasen

私はこのページを見ました： http://www.tinymce.com/tryit/3_x/jquery_plugin.php そしてタブ「ソースを見る」をクリックして何かに気づきました。

TinyMCEをjQueryプラグインとして使用している場合は、追加のパラメーターが必要script_urlであるため、コードは次のようになります。

$('textarea.tinymce').tinymce({
   script_url: 'js/portal/tinymce/tinymce.min.js',
...

他の解決策は、jQuery以外のバージョンを使用することです。

<script src="<?php echo base_url();?>js/portal/tinymce/tinymce.min.js"></script>

次に、古い方法を使用してTinyMCEを初期化します（最初のコードのように）。

tinymce.init({
    selector: "textarea",
...
4
Rafal Gradziel

TinyMCEjsファイルがロードされていないようです。の代わりに：

<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script>

次のことを試してください。

<script src="//cdn.jsdelivr.net/tinymce/4.0b2/jquery/jquery.tinymce.min.js"    type="text/javascript"></script>
2
basarat