Page Builder Inline Editor Custom Toolbar

Jon Bowen asked on October 2, 2019 19:40

I copied the Text Widget and associated Inline Editor js/css files from the Dancing Goat MVC sample site to use with Page Builder Pages in the CMS. The text-editor.js file sets buttons for the toolbar for "bold", "italic", "underline", "orderedlist", "unorderedlist", "h1", "h2", "h3".

var config = { toolbar: { buttons: ["bold", "italic", "underline", "orderedlist", "unorderedlist", "h1", "h2", "h3"] }, imageDragging: false, extensions: { imageDragging: {} } };

How can I change this to show a full toolbar with source and everything else?

Correct Answer

David te Kloese answered on October 4, 2019 14:15

Hi,

Haven't looked into it myself, but you might try implementing Jodit. https://xdsoft.net/jodit/

Although I'm sure there are others.

Also keep an eye out on the new Marketplace as it more editors might pop-up there! devnet.kentico.com/marketplace

0 votesVote for this answer Unmark Correct answer

Recent Answers


David te Kloese answered on October 3, 2019 16:28

The Inline Editor used in the Dancing Goat MVC sample site is Medium.js

Available configuration options can be found here: https://jakiestfu.github.io/Medium.js/docs/

Note this is NOT the same as the old CKEditor! So don't expect something like this as that was tidily intergraded with Kentico:

Image Text

0 votesVote for this answer Mark as a Correct answer

Jon Bowen answered on October 4, 2019 13:54

Thank you for the response. It was very helpful! I looked over the Medium.js docs, but it doesn't look like it allows direct entry of html. Do you happen to know of a way to allow content editors to also enter html in Page Builder Pages?

Thank you

0 votesVote for this answer Mark as a Correct answer

Jon Bowen answered on October 4, 2019 14:21

I'll check it out. Thank you!

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.