Написание редактора блога для сайта (WYSIWYG)

132
20 октября 2021, 15:30

Подскажите редактор, который я мог бы добавить себе на сайт для того, чтобы я мог создавать в нем статьи. Нужен похожий редактор как у StackOverflow (WMD) и желательно ссылка на установку редактора на сервак/в код

Редактор должен поддерживать подгрузку на сайт изображений!

Я пишу на Spring(Java), поэтому плагины к WordPress или что-то для npm и Node.js не предлагать

Answer 1

На данный момент я нашел пару WYSIWYG редакторов. Но из всех них я остановился на Quill Editor.

Редактор очень простой и не требует установки дополнительного контента на сервер. Вот пример самого редактора:

var quill = new Quill('#editor', { 
  modules: { 
    imageResize: { 
      displaySize: true 
    }, 
    toolbar: [ 
      [{ 
        header: [1, 2, 3, false] 
      }], 
      ['bold', 'italic', 'underline'], 
      [{ 
        list: 'ordered' 
      }, { 
        list: 'bullet' 
      }], 
      ['clean'], 
      ['link', 'image'] 
    ] 
  }, 
  placeholder: 'Здесь пишем наш текст...', 
  theme: 'snow' 
});
<!-- Include the Quill library --> 
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script> 
<script src="https://cdn.rawgit.com/kensnyder/quill-image-resize-module/3411c9a7/image-resize.min.js"></script> 
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> 
 
<div id="editor"></div>

Примеры отправки формы, документация и другие фишки данного редактора вы найдете на официальном сайте.

READ ALSO
Вопрос по suppressed exceptions в рамках конструкции try-with-resources

Вопрос по suppressed exceptions в рамках конструкции try-with-resources

Вот цитата из книги Oracle-Certified-Professiona-Java-SE-8-Programmer-Exam-1Z0-809

84
Преобразование json

Преобразование json

Как разобрать json такого вида:

208
Как выполнить несколько INSERT с результатом SELECT?

Как выполнить несколько INSERT с результатом SELECT?

Как добавить несколько строк в таблицу если одно из значений будет полученно из SELECT? В запросе все значения не меняются кроме, product_id

155
@font-face и имя файла из шрифта

@font-face и имя файла из шрифта

Можно ли каким-то образом сделать так, чтобы при добавлении файла шрифта (woff, ttf), имя файла, font-family, бралось из данных самого шрифта (его свойств/метаданных)?

106