9

このエラーに 2 日間取り組んできましたが、TinyMCE を動作させることができません。TinyMCE の jquery バージョンを使用しています。以下は、テキストエリアを含むフォームを含む HTML コードです。Google Inspect Element を使用すると、コンソール タブに「Uncaught ReferenceError: tinymce が定義されていません」というエラーが表示されます。どんな助けでも大歓迎です。

<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>
4

3 に答える 3

8

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

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

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

于 2013-06-04T00:16:16.473 に答える
4

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

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",
...
于 2014-10-14T09:59:17.860 に答える