gfmdataprocessor.js 1021 B

12345678910111213141516171819202122232425262728293031
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* globals document */
  6. import MarkdownDataProcessor from 'ckeditor5-markdown-gfm/src/gfmdataprocessor';
  7. import { stringify, parse } from 'ckeditor5-engine/src/dev-utils/view';
  8. const markdownTextArea = document.getElementById( 'markdown' );
  9. const viewTextArea = document.getElementById( 'view' );
  10. const dataProcessor = new MarkdownDataProcessor();
  11. document.getElementById( 'button_to_view' ).addEventListener( 'click', convertToView );
  12. document.getElementById( 'button_to_md' ).addEventListener( 'click', convertToMarkdown );
  13. markdownTextArea.value = '### Header\n\nFoo bar baz biz.';
  14. convertToView();
  15. function convertToView() {
  16. const markdown = markdownTextArea.value;
  17. viewTextArea.value = stringify( dataProcessor.toView( markdown ) );
  18. }
  19. function convertToMarkdown() {
  20. const viewText = viewTextArea.value;
  21. markdownTextArea.value = dataProcessor.toData( parse( viewText ) );
  22. }