2017-10-20 4 views
0

データベースから取得したHTMLデータをCKEDITORに表示しようとしています。問題は、setDataを使用してHTMLを挿入しようとすると、 :CKEDITOR setData with HTML string SyntaxError:無効または予期しないトークン

Uncaught SyntaxError: Invalid or unexpected token 

HTML:

<label for="descricao">Descrição</label> 
<textarea id="description" name="description" class="form-control descricao_anunciante" placeholder="(quem és, o que fazes ou o que representas, temas e tipos de eventos)"></textarea> 
<script> 
    $(document).ready(function() { 
    CKEDITOR.replace('description', { 
     customConfig: './js/wysiwygconfig.js' 
    }); 
    CKEDITOR.instances["description"].setData("{!! $evento->description !!}"); 
    }); 
</script> 

が、それが動作mannualyデータを挿入しようとした場合:

CKEDITOR.instances["description"].setData("<p> Hello World </p>"); 

データベースから来ているデータ: - にhtmlentities機能付きこの戻り列

<p>N TEM</p> 
+0

正しいHTML構文を提供していますか? ['setData'](https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.editor-method-setData)には有効なHTMLコードが必要です。 おそらくあなたは '{!! $ evento-> description !!} 'をいくつかの変数に追加し、それが正しいことを確認するために' console.log'を追加します。 –

答えて

0
<script> 
    $(document).ready(function() { 
    CKEDITOR.replace('description', { 
     customConfig: './js/wysiwygconfig.js' 
    }); 
    CKEDITOR.instances["description"].setData("{{ $evento->description }}"); 
    }); 
</script> 

Or 
instead of CKEDITOR.instances["description"].setData("{{ $evento->description }}"); 
you can use 
<textarea id="description" name="description" class="form-control descricao_anunciante" placeholder="(quem és, o que fazes ou o que representas, temas e tipos de eventos)"> 
    {{ $evento->description }} 
</textarea> 

これは、 "{{}}" ために役立つことができます。

+0

ここにコードを投稿するだけでなく、コードの説明、異なる点、およびそのコードが機能する理由も含める必要があります。 – SeanKendle

+0

それ以上の作業はありませんか? –

関連する問題