Search code examples
javascriptsummernote

Edit text only by toolbar


As title, I'm building a website, which user can only edit the text only by toolbar.

As user press a button, the website gives an article and letting user to highlight (by toolbar button).
But I don't want user to add/delete any word (or space, newline)

I have tried using "disableDragAndDrop", "shortcut" but didn't solve my problem.

Does anyone have some good idea?


Solution

  • Ok i find the solution finally.
    $("#summernote").summernote("disable") will disable include tollbar.
    however, if you analyze it, you can find this: class="note-editable" contenteditable="false"
    So, just add
    $(".note-editable").attr("contenteditable", false);
    then everything is done.