summernote

I want to use summernote editor on my page but I need to add special functionality for that. I want to add one button to summernote toolbar. This button should be something like dropdown where it is possible to select some value and this value should be inserted to current cursor position. Usage in my imagination: Html : <summernote some-values="values"></summernote> Angular controller : module.controller("ControllerName", ["$scope", ($scope) => { $scope.values = ["value-for-insert1", "value-for-insert2", "value-for-insert3"]; }]); I can edit summernote source code to achieve that, of course.

I have been using summernote editor for a while now and it's working for most of the things I've needed it for. However, I recently wanted it disabled ( not destroyed ) after a user action. After efforts without success, it occurred to me I could use the destroy() method to achieve what I wanted. I noticed that Summernote still turned an already disabled textarea to its editor, with the writing area disabled. Here is what I finally did: To disable summernote after creating it: I first destroyed it, then disabled the target element, and finally re-initialized it: $(".summernoteTarget").destroy(

I'm working on a project using Meteor.js, Summernote and Collection FS. First of, here is my code. Template.postSubmit.rendered = function() { $('#summernote').summernote({ height: 400, maxHeight:800, minHeight:250, onImageUpload: function(files, editor, $editable) { Images.insert(files[0], function (err, fileObj) { editor.insertImage($editable, fileObj.url()); }); } }); The image when inserted does successfully go into the specified URL for image storage. Here is the CollectionFS javascript. Images = new FS.Collection("images", { stores: [new FS.Store.FileSystem("images", {path: "~/img"})] })