2016-10-12 4 views
0

, когда я пытаюсь установить текст, который содержит «\ n». Он отображает ошибку - Uncaught SyntaxError: Неожиданный токен ILLEGAL в консоли браузераПоказать текст в редакторе Quill

В консоли java script я получаю текст, как показано ниже.

<script type="text/javascript"> 
    var toolbarOptions = [ 
    [{ 'font': [] }], 
    [{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown 
    ['bold', 'italic', 'underline', 'strike'],  // toggled buttons 
    //['blockquote', 'code-block'], 

    [{ 'header': 1 }, { 'header': 2 }],    // custom button values 
    [{ 'list': 'ordered'}, { 'list': 'bullet' }], 
    //[{ 'script': 'sub'}, { 'script': 'super' }],  // superscript/subscript 
    [{ 'indent': '-1'}, { 'indent': '+1' }],   // outdent/indent 
    //[{ 'direction': 'rtl' }],       // text direction 
    [{ 'color': [] }, { 'background': [] }],   // dropdown with defaults from theme 

    [{ 'align': [] }], 

    ['clean']           // remove formatting button 
    ]; 
    var quill = new Quill('#standalone-container', { 
     modules: { 
     toolbar: toolbarOptions 
    }, 
    theme: 'snow' 
    }); 
    var quill1 = new Quill('#standalone-container1', { 
     modules: { 
     toolbar: toolbarOptions 
    }, 
    theme: 'snow' 
    }); 

    $(".tacti_note_txt").click(function(){ 
    $("#order_video_01").get(0).pause(); 
    }) 

    $(".tech_note_txt").click(function(){ 
    $("#order_video_02").get(0).pause(); 
    }) 

    $(document).ready(function(){ 

    // my element which display errors 
    var technical_notes = '<%= raw @review.technical_notes %>'; 
    quill.setText(technical_notes); 

    var tactical_notes = '<%= @review.tactical_notes.to_s %>'; 
    quill1.setText(tactical_notes); 

    }); 
</script> 

Я хочу, чтобы отобразить текст, как показано ниже в редакторе:

'Rails 
    and 
    quill 
    editor 
    ; 
+0

'вар technical_notes Show браузера ...' линия плз – Dimava

+0

'\ n' символ может перерыв этой линии на несколько строк. Попробуйте использовать строку '\' \ '' вместо '' ''string – Dimava

+0

@Dimava, здесь я получил ошибку -> var technical_notes =' <% = raw review.technical_notes%> '; – user100693

ответ

0

ActiveSupport :: JSON.encode (my_string) - работал для меня.

Как сохранить мои строки с \ п и \ т, так гусиное редактор отображает его в нужном формате, как:

'Rails 
    and 
    quill 
    editor 
    ; 
0

Это только предположение, но вам, возможно, придется использовать экранирующий символ \ поэтому попробуйте "\\n"

EDIT:

Использовать "<br/>" тег вместо "\n"

+0

. Тест уже имеет escape-символы. – user100693

+0

Попробуйте использовать тег "
" вместо \ n? – DaveHutchy

+0

Заменить текст тегом
не очень хорошо, так как мой текст динамичен – user100693