ckeditor5.html 1009 B

123456789101112131415161718192021222324252627282930313233
  1. <style>
  2. .ck-editor__editable_inline {
  3. height: 400px !important;
  4. }
  5. </style>
  6. <script src="/static/plugins/ckeditor/ckeditor5-build-classic/ckeditor.js"></script>
  7. <script>
  8. ClassicEditor
  9. .create(document.querySelector('#editor'), {
  10. //功能模块
  11. toolbar:
  12. ['heading', '|', 'bold', 'italic', 'bulletedList', 'numberedList', '|', 'indent', 'outdent', '|', 'link', 'imageUpload', 'mediaEmbed', '|', 'blockQuote', 'insertTable', 'undo', 'redo']
  13. , language: 'zh-cn'
  14. //图片上传
  15. , ckfinder: {
  16. uploadUrl: 'http://192.168.31.123:2000/api/Home/UploadImg'
  17. }
  18. })
  19. .then(editor => {
  20. window.editor = editor;
  21. })
  22. .catch(err => {
  23. console.error(err.stack);
  24. });
  25. $("#form-button-save").click(function () {
  26. if (!validator().form()) {
  27. return false
  28. }
  29. $("#form-save")[0].submit();
  30. })
  31. </script>