OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 EditorContent.ts	524 bytes	02/20/2020 05:42:39 AM	rw-r--r--
📄 GetContent.ts	2.37 KB	02/20/2020 05:42:39 AM	rw-r--r--
📄 InsertContent.ts	11.61 KB	02/20/2020 05:42:41 AM	rw-r--r--
📄 InsertList.ts	5.85 KB	02/20/2020 05:42:41 AM	rw-r--r--
📄 NbspTrim.ts	1.88 KB	02/20/2020 05:42:42 AM	rw-r--r--
📄 SetContent.ts	4.45 KB	02/20/2020 05:42:42 AM	rw-r--r--

Editing: SetContent.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import { HTMLElement } from '@ephox/dom-globals';
import { Option, Fun } from '@ephox/katamari';
import { Element } from '@ephox/sugar';
import Editor from '../api/Editor';
import Node from '../api/html/Node';
import Tools from '../api/util/Tools';
import Serializer from '../api/html/Serializer';
import * as FilterNode from '../html/FilterNode';
import Settings from '../api/Settings';
import EditorFocus from '../focus/EditorFocus';
import CaretFinder from '../caret/CaretFinder';
import NodeType from '../dom/NodeType';
import { isWsPreserveElement } from '../dom/ElementType';

const defaultFormat = 'html';

type Content = string | Node;

export interface SetContentArgs {
  format?: string;
  set?: boolean;
  content?: string;
  no_events?: boolean;
}

const isTreeNode = (content: any): content is Node => content instanceof Node;

const setEditorHtml = (editor: Editor, html: string) => {
  editor.dom.setHTML(editor.getBody(), html);
  moveSelection(editor);
};

const setContentString = (editor: Editor, body: HTMLElement, content: string, args: SetContentArgs): string => {
  let forcedRootBlockName, padd;

// Padd empty content in Gecko and Safari. Commands will otherwise fail on the content
  // It will also be impossible to place the caret in the editor unless there is a BR element present
  if (content.length === 0 || /^\s+$/.test(content)) {
    padd = '<br data-mce-bogus="1">';

// Todo: There is a lot more root elements that need special padding
    // so separate this and add all of them at some point.
    if (body.nodeName === 'TABLE') {
      content = '<tr><td>' + padd + '</td></tr>';
    } else if (/^(UL|OL)$/.test(body.nodeName)) {
      content = '<li>' + padd + '</li>';
    }

forcedRootBlockName = Settings.getForcedRootBlock(editor);

// Check if forcedRootBlock is configured and that the block is a valid child of the body
    if (forcedRootBlockName && editor.schema.isValidChild(body.nodeName.toLowerCase(), forcedRootBlockName.toLowerCase())) {
      content = padd;
      content = editor.dom.createHTML(forcedRootBlockName, editor.settings.forced_root_block_attrs, content);
    } else if (!content) {
      // We need to add a BR when forced_root_block is disabled on non IE browsers to place the caret
      content = '<br data-mce-bogus="1">';
    }

setEditorHtml(editor, content);

editor.fire('SetContent', args);
  } else {
    if (args.format !== 'raw') {
      content = Serializer({
        validate: editor.validate
      }, editor.schema).serialize(
        editor.parser.parse(content, { isRootContent: true, insert: true })
      );
    }

args.content = isWsPreserveElement(Element.fromDom(body)) ? content : Tools.trim(content);
    setEditorHtml(editor, args.content);

if (!args.no_events) {
      editor.fire('SetContent', args);
    }
  }

return args.content as string;
};

const setContentTree = (editor: Editor, body: HTMLElement, content: Node, args: SetContentArgs): Node => {
  FilterNode.filter(editor.parser.getNodeFilters(), editor.parser.getAttributeFilters(), content);

const html = Serializer({ validate: editor.validate }, editor.schema).serialize(content);

args.content = isWsPreserveElement(Element.fromDom(body)) ? html : Tools.trim(html);
  setEditorHtml(editor, args.content);

if (!args.no_events) {
    editor.fire('SetContent', args);
  }

return content;
};

export const setContent = (editor: Editor, content: Content, args: SetContentArgs = {}): Content => {
  args.format = args.format ? args.format : defaultFormat;
  args.set = true;
  args.content = isTreeNode(content) ? '' : content;

if (!isTreeNode(content) && !args.no_events) {
    editor.fire('BeforeSetContent', args);
    content = args.content;
  }

return Option.from(editor.getBody()).fold(
    Fun.constant(content),
    (body) => isTreeNode(content) ? setContentTree(editor, body, content, args) : setContentString(editor, body, content, args)
  );
};