dante2-editor 0.2.0 → 0.3.1

data/src/components/popovers/link.js

@@ -0,0 +1,107 @@
+
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+import { getCurrentBlock } from '../../model/index.js'
+
+class DanteAnchorPopover extends React.Component {
+
+  constructor(props) {
+
+    super(props)
+    this.display = this.display.bind(this)
+    this.show = this.show.bind(this)
+    this.hide = this.hide.bind(this)
+    this.relocate = this.relocate.bind(this)
+    this.render = this.render.bind(this)
+    this.state = {
+      position: {
+        top: 0,
+        left: 0
+      },
+      show: false,
+      url: ""
+    }
+  }
+
+  display(b) {
+    if (b) {
+      return this.show()
+    } else {
+      return this.hide()
+    }
+  }
+
+  show() {
+    return this.setState({
+      show: true })
+  }
+
+  hide() {
+    return this.setState({
+      show: false })
+  }
+
+  setPosition(coords) {
+    return this.setState({
+      position: coords })
+  }
+
+  relocate(node) {
+    if (node == null) {
+      node = null
+    }
+    if (!node) {
+      return
+    }
+
+    let { editorState } = this.props
+    let currentBlock = getCurrentBlock(editorState)
+    let blockType = currentBlock.getType()
+
+    let contentState = editorState.getCurrentContent()
+    let selectionState = editorState.getSelection()
+
+    let selectionBoundary = node.getBoundingClientRect()
+    let coords = selectionBoundary
+
+    let el = this.refs.dante_popover
+    let padd = el.offsetWidth / 2
+
+    let parent = ReactDOM.findDOMNode(this.props.editor)
+    let parentBoundary = parent.getBoundingClientRect()
+
+    return {
+      top: selectionBoundary.top - parentBoundary.top + 160,
+      left: selectionBoundary.left + selectionBoundary.width / 2 - padd
+    }
+  }
+
+  render() {
+    let { position } = this.state
+    let style = {
+      left: position.left,
+      top: position.top,
+      visibility: `${ this.state.show ? 'visible' : 'hidden' }`
+    }
+    return (
+      <div
+        ref="dante_popover"
+        className='dante-popover popover--tooltip popover--Linktooltip popover--bottom is-active'
+        style={ style }
+        onMouseOver={ this.props.handleOnMouseOver }
+        onMouseOut={ this.props.handleOnMouseOut }
+      >
+        <div className='popover-inner'>
+          <a href={ this.props.url } target='_blank'>
+            { this.state.url }
+          </a>
+        </div>
+        <div className='popover-arrow' />
+      </div>
+    )
+  }
+}
+
+export default DanteAnchorPopover
+

data/src/components/popovers/toolTip.js

@@ -0,0 +1,402 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+import { 
+  convertToRaw, 
+  CompositeDecorator, 
+  getVisibleSelectionRect, 
+  getDefaultKeyBinding, 
+  getSelectionOffsetKeyForNode, 
+  KeyBindingUtil, 
+  ContentState, 
+  Editor, 
+  EditorState, 
+  Entity, 
+  RichUtils } from 'draft-js'
+
+import { getSelectionRect, getSelection } from "../../utils/selection.js"
+
+import { getCurrentBlock } from '../../model/index.js'
+
+class DanteTooltip extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this._clickInlineHandler = this._clickInlineHandler.bind(this)
+    this.display = this.display.bind(this)
+    this.show = this.show.bind(this)
+    this.hide = this.hide.bind(this)
+    this.relocate = this.relocate.bind(this)
+    this._clickBlockHandler = this._clickBlockHandler.bind(this)
+    this.displayLinkMode = this.displayLinkMode.bind(this)
+    this.displayActiveMenu = this.displayActiveMenu.bind(this)
+    this._enableLinkMode = this._enableLinkMode.bind(this)
+    this._disableLinkMode = this._disableLinkMode.bind(this)
+    this.handleInputEnter = this.handleInputEnter.bind(this)
+    this.confirmLink = this.confirmLink.bind(this)
+    this.inlineItems = this.inlineItems.bind(this)
+    this.blockItems = this.blockItems.bind(this)
+    this.getDefaultValue = this.getDefaultValue.bind(this)
+    this.getVisibleSelectionRect = getVisibleSelectionRect
+    this.state = {
+      link_mode: false,
+      show: false,
+      position: {}
+    }
+  }
+
+  _clickInlineHandler(ev, style) {
+    ev.preventDefault()
+
+    this.props.onChange(RichUtils.toggleInlineStyle(this.props.editorState, style))
+
+    return setTimeout(() => {
+      return this.relocate()
+    }, 0)
+  }
+
+  display(b) {
+    if (b) {
+      return this.show()
+    } else {
+      return this.hide()
+    }
+  }
+
+  show() {
+    return this.setState({
+      show: true })
+  }
+
+  hide() {
+    return this.setState({
+      link_mode: false,
+      show: false
+    })
+  }
+
+  setPosition(coords) {
+    return this.setState({
+      position: coords })
+  }
+
+  isDescendant(parent, child) {
+    let node = child.parentNode
+    while (node !== null) {
+      if (node === parent) {
+        return true
+      }
+      node = node.parentNode
+    }
+    return false
+  }
+
+  relocate() {
+
+    let currentBlock = getCurrentBlock(this.props.editorState)
+    let blockType = currentBlock.getType()
+    // display tooltip only for unstyled
+
+    if (this.props.configTooltip.selectionElements.indexOf(blockType) < 0) {
+      this.hide()
+      return
+    }
+
+    if (this.state.link_mode) {
+      return
+    }
+    if (!this.state.show) {
+      return
+    }
+
+    let el = this.refs.dante_menu
+    let padd = el.offsetWidth / 2
+
+    let nativeSelection = getSelection(window)
+    if (!nativeSelection.rangeCount) {
+      return
+    }
+
+    let selectionBoundary = getSelectionRect(nativeSelection)
+
+    let parent = ReactDOM.findDOMNode(this.props.editor)
+    let parentBoundary = parent.getBoundingClientRect()
+
+    // hide if selected node is not in editor
+    if (!this.isDescendant(parent, nativeSelection.anchorNode)) {
+      this.hide()
+      return
+    }
+
+    let top = selectionBoundary.top - parentBoundary.top - -90 - 5
+    let left = selectionBoundary.left + selectionBoundary.width / 2 - padd
+
+    if (!top || !left) {
+      return
+    }
+
+    // console.log "SET SHOW FOR TOOLTIP INSERT MENU"
+    return this.setState({
+      show: true,
+      position: {
+        left,
+        top
+      }
+    })
+  }
+
+  _clickBlockHandler(ev, style) {
+    ev.preventDefault()
+
+    this.props.onChange(RichUtils.toggleBlockType(this.props.editorState, style))
+
+    return setTimeout(() => {
+      return this.relocate()
+    }, 0)
+  }
+
+  displayLinkMode() {
+    if (this.state.link_mode) {
+      return "dante-menu--linkmode"
+    } else {
+      return ""
+    }
+  }
+
+  displayActiveMenu() {
+    if (this.state.show) {
+      return "dante-menu--active"
+    } else {
+      return ""
+    }
+  }
+
+  _enableLinkMode(ev) {
+    ev.preventDefault()
+    return this.setState({
+      link_mode: true })
+  }
+
+  _disableLinkMode(ev) {
+    ev.preventDefault()
+    return this.setState({
+      link_mode: false,
+      url: ""
+    })
+  }
+
+  hideMenu() {
+    return this.hide()
+  }
+
+  handleInputEnter(e) {
+    if (e.which === 13) {
+      return this.confirmLink(e)
+    }
+  }
+
+  confirmLink(e) {
+    e.preventDefault()
+    let { editorState } = this.props
+    let urlValue = e.currentTarget.value
+    let contentState = editorState.getCurrentContent()
+    let selection = editorState.getSelection()
+
+    let opts = {
+      url: urlValue,
+      showPopLinkOver: this.props.showPopLinkOver,
+      hidePopLinkOver: this.props.hidePopLinkOver
+    }
+
+    let entityKey = Entity.create('LINK', 'MUTABLE', opts)
+
+    if (selection.isCollapsed()) {
+      console.log("COLLAPSED SKIPPING LINK")
+      return
+    }
+
+    this.props.onChange(RichUtils.toggleLink(editorState, selection, entityKey))
+
+    return this._disableLinkMode(e)
+  }
+
+  getPosition() {
+    let pos = this.state.position
+    return pos
+  }
+
+  inlineItems() {
+    return this.props.widget_options.block_types.filter(o => {
+      return o.type === "inline"
+    })
+  }
+
+  blockItems() {
+    return this.props.widget_options.block_types.filter(o => {
+      return o.type === "block"
+    })
+  }
+
+  getDefaultValue() {
+    if (this.refs.dante_menu_input) {
+      this.refs.dante_menu_input.value = ""
+    }
+
+    let currentBlock = getCurrentBlock(this.props.editorState)
+    let blockType = currentBlock.getType()
+    let selection = this.props.editor.state.editorState.getSelection()
+    let selectedEntity = null
+    let defaultUrl = null
+    return currentBlock.findEntityRanges(character => {
+      let entityKey = character.getEntity()
+      selectedEntity = entityKey
+      return entityKey !== null && Entity.get(entityKey).getType() === 'LINK'
+    }, (start, end) => {
+      let selStart = selection.getAnchorOffset()
+      let selEnd = selection.getFocusOffset()
+      if (selection.getIsBackward()) {
+        selStart = selection.getFocusOffset()
+        selEnd = selection.getAnchorOffset()
+      }
+
+      if (start === selStart && end === selEnd) {
+        defaultUrl = Entity.get(selectedEntity).getData().url
+        return this.refs.dante_menu_input.value = defaultUrl
+      }
+    })
+  }
+
+  render() {
+    return (
+      <div
+        id="dante-menu"
+        ref="dante_menu"
+        className={ `dante-menu ${ this.displayActiveMenu() } ${ this.displayLinkMode() }` }
+        style={ this.getPosition() }
+      >
+        <div className="dante-menu-linkinput">
+          <input
+            className="dante-menu-input"
+            ref="dante_menu_input"
+            placeholder="Paste or type a link"
+            onKeyPress={ this.handleInputEnter }
+            defaultValue={ this.getDefaultValue() }
+          />
+          <div className="dante-menu-button" onMouseDown={ this._disableLinkMode } />
+        </div>
+        <ul className="dante-menu-buttons">
+          { this.blockItems().map( (item, i) => {
+              return  <DanteTooltipItem
+                        key={ i }
+                        item={ item }
+                        handleClick={ this._clickBlockHandler }
+                        editorState={ this.props.editorState }
+                        type="block"
+                        currentStyle={ this.props.editorState.getCurrentInlineStyle }
+                      />
+            })
+          }
+          <DanteTooltipLink
+            editorState={ this.props.editorState }
+            enableLinkMode={ this._enableLinkMode }
+          />
+            { this.inlineItems().map( (item, i) => {
+              return  <DanteTooltipItem
+                        key={ i }
+                        item={ item }
+                        type="inline"
+                        editorState={ this.props.editorState }
+                        handleClick={ this._clickInlineHandler }
+                      />
+            })
+          }
+        </ul>
+      </div>
+    )
+  }
+}
+
+class DanteTooltipItem extends React.Component {
+
+  constructor(...args) {
+    super(...args)
+    this.handleClick = this.handleClick.bind(this)
+    this.activeClass = this.activeClass.bind(this)
+    this.isActive = this.isActive.bind(this)
+    this.activeClassInline = this.activeClassInline.bind(this)
+    this.activeClassBlock = this.activeClassBlock.bind(this)
+    this.render = this.render.bind(this)
+  }
+
+  handleClick(ev) {
+    return this.props.handleClick(ev, this.props.item.style)
+  }
+
+  activeClass() {
+    if (this.isActive()) {
+      return "active"
+    } else {
+      return ""
+    }
+  }
+
+  isActive() {
+    if (this.props.type === "block") {
+      return this.activeClassBlock()
+    } else {
+      return this.activeClassInline()
+    }
+  }
+
+  activeClassInline() {
+    if (!this.props.editorState) {
+      return
+    }
+    //console.log @props.item
+    return this.props.editorState.getCurrentInlineStyle().has(this.props.item.style)
+  }
+
+  activeClassBlock() {
+    //console.log "EDITOR STATE", @props.editorState
+    if (!this.props.editorState) {
+      return
+    }
+    let selection = this.props.editorState.getSelection()
+    let blockType = this.props.editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType()
+    return this.props.item.style === blockType
+  }
+
+  render() {
+    return (
+      <li className={ `dante-menu-button ${ this.activeClass() }` } onMouseDown={ this.handleClick }>
+        <i className={ `dante-icon dante-icon-${ this.props.item.label }` } data-action="bold" />
+      </li>
+    )
+  }
+}
+
+class DanteTooltipLink extends React.Component {
+
+  constructor(...args) {
+    super(...args)
+    this.promptForLink = this.promptForLink.bind(this)
+  }
+
+  promptForLink(ev) {
+    let selection = this.props.editorState.getSelection()
+    if (!selection.isCollapsed()) {
+      return this.props.enableLinkMode(ev)
+    }
+  }
+
+  render() {
+    return (
+      <li className="dante-menu-button" onMouseDown={ this.promptForLink }>
+        <i className="dante-icon icon-createlink" data-action="createlink">link</i>
+      </li>
+    )
+  }
+}
+
+export default DanteTooltip
+

data/src/index.js

@@ -0,0 +1,9 @@
+
+import Dante from './components/dante'
+import DanteEditor from './components/dante_editor'
+
+
+module.exports = {
+  Dante, 
+  DanteEditor
+}

data/src/style.js

@@ -0,0 +1,3 @@
+
+import dantecss from './styles/dante.scss';
+import draftcss from './styles/draft.css';

data/src/styles/fonts/dante/dante.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe600;" glyph-name="video" d="M256 759.559v-623.174c0-70.118 47.316-95.291 105.683-55.222l428.634 294.258c58.622 40.244 58.367 105.034 0 145.103l-428.634 294.258c-58.622 40.244-105.683 15.345-105.683-55.222zM320 766.664l426.195-293.488c30.527-20.25 29.832-31 0-51.070l-426.195-295.039v639.598z" />
+<glyph unicode="&#xe601;" glyph-name="image" d="M294.4 768l0.489 2.446c13.868 69.342 82.599 125.554 152.977 125.554h128.267c70.619 0 139.014-55.74 152.977-125.554l0.489-2.446h166.78c70.483 0 127.62-57.611 127.62-127.489v-449.022c0-70.41-57.249-127.489-127.62-127.489h-768.76c-70.483 0-127.62 57.611-127.62 127.489v449.022c0 70.41 57.249 127.489 127.62 127.489h166.78zM347.123 704h-218.685c-35.641 0-64.438-28.583-64.438-63.843v-448.314c0-35.279 28.85-63.843 64.438-63.843h767.124c35.641 0 64.438 28.583 64.438 63.843v448.314c0 35.279-28.85 63.843-64.438 63.843h-218.816l-13.864 65.375c-7.263 34.25-41.874 62.625-77.145 62.625h-147.627c-35.433 0-69.805-28.038-77.134-62.625l-13.853-65.375zM320 448c0-105.823 85.961-192 192-192 105.823 0 192 85.961 192 192 0 105.823-85.961 192-192 192-105.823 0-192-85.961-192-192zM384 448c0 70.692 56.815 128 128 128 70.692 0 128-56.815 128-128 0-70.692-56.815-128-128-128-70.692 0-128 56.815-128 128z" />
+<glyph unicode="&#xe602;" glyph-name="plus" d="M544 416v-375.294c0-17.673-14.327-32-32-32s-32 14.327-32 32v375.294h-375.294c-17.673 0-32 14.327-32 32s14.327 32 32 32h375.294v375.294c0 17.673 14.327 32 32 32s32-14.327 32-32v-375.294h375.294c17.673 0 32-14.327 32-32s-14.327-32-32-32h-375.294z" />
+<glyph unicode="&#xe603;" glyph-name="embed" d="M882.24 449.498l-235.855 234.241c-12.497 12.411-12.497 32.534 0 44.945s32.758 12.411 45.255 0l253.704-251.968c1.872-1.201 3.645-2.616 5.284-4.244 12.497-12.411 12.497-32.534 0-44.945l-257.992-256.226c-12.497-12.411-32.758-12.411-45.255 0s-12.497 32.534 0 44.945l234.859 233.252zM67.842 461.229c-6.562-12.128-4.719-27.599 5.53-37.848 2.863-2.863 6.133-5.070 9.624-6.621l249.364-249.364c12.497-12.497 32.758-12.497 45.255 0s12.497 32.758 0 45.255l-234.859 234.859 233.863 233.863c12.497 12.497 12.497 32.758 0 45.255s-32.758 12.497-45.255 0l-251.712-251.712c-1.872-1.209-3.645-2.634-5.284-4.273-2.805-2.805-4.981-6.002-6.527-9.414v0 0z" />
+<glyph unicode="&#xe900;" glyph-name="image-center" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM128 704h896v-480h-896v480zM128 896h896v-96h-896v96z" />
+<glyph unicode="&#xe901;" glyph-name="image-fill" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM0 896h1152v-672h-1152v672z" />
+<glyph unicode="&#xe902;" glyph-name="image-left" horiz-adv-x="1152" d="M256 128h896v-96h-896v96zM768 320h384v-96h-384v96zM0 704h672v-480h-672v480zM768 512h384v-96h-384v96zM768 704h384v-96h-384v96zM256 896h896v-96h-896v96z" />
+<glyph unicode="&#xe903;" glyph-name="image-wide" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM0 704h1152v-480h-1152v480zM128 896h896v-96h-896v96z" />
+</font></defs></svg>

data/src/styles/fonts/dante/fontello.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2012 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="location" unicode="&#xe815;" d="M429 493q0 59-42 101t-101 42-101-42-42-101 42-101 101-42 101 42 42 101z m143 0q0-61-18-100l-203-432q-9-18-27-29t-38-11-38 11-26 29l-204 432q-18 39-18 100 0 118 84 202t202 84 202-84 84-202z" horiz-adv-x="571.429" />
+<glyph glyph-name="fit" unicode="&#xe80f;" d="M429 314l0-250q0-15-11-25t-25-11-25 11l-80 80-185-185q-6-6-13-6t-13 6l-64 64q-6 6-6 13t6 13l185 185-80 80q-11 11-11 25t11 25 25 11l250 0q15 0 25-11t11-25z m421 375q0-7-6-13l-185-185 80-80q11-11 11-25t-11-25-25-11l-250 0q-15 0-25 11t-11 25l0 250q0 15 11 25t25 11 25-11l80-80 185 185q6 6 13 6t13-6l64-64q6-6 6-13z" horiz-adv-x="857.143" />
+<glyph glyph-name="bold" unicode="&#xe805;" d="M310 1q42-18 78-18 73 0 121 23t68 63q21 39 21 101 0 64-23 100-32 52-79 70-45 18-138 18-41 0-56-6l0-80-1-97 2-151q0-8 7-25z m-8 416q24-4 61-4 98 0 147 36t50 125q0 62-47 104t-142 42q-29 0-73-7 0-25 1-43 4-68 3-156l-1-55q0-24 1-43z m-302-496l1 52q25 5 38 7 43 7 69 17 9 15 12 28 5 37 5 108l-1 277q-3 143-5 225-1 49-6 61-1 2-7 7-10 7-39 8-17 1-64 7l-2 46 145 3 212 7 25 1q3 0 8 0t8 0q1 0 12 0t23 0l41 0q49 0 107-15 24-7 54-22 32-16 57-42t36-58 12-68q0-39-18-71t-53-59q-15-11-84-43 99-23 149-81 51-59 51-132 0-42-16-90-12-35-40-65-37-40-78-60t-113-33q-46-8-110-6l-110 2q-47 1-166-6-18-2-152-6z" horiz-adv-x="785.714" />
+<glyph glyph-name="italic" unicode="&#xe806;" d="M0-77l9 47q2 1 43 11 42 11 65 22 16 21 23 56l15 78 31 150 7 36q4 25 9 47t9 37 7 26 5 17 2 6l16 88 9 35 12 75 4 28 0 21q-23 12-80 16-16 1-21 2l11 57 177-8q22-1 41-1 37 0 119 5 18 1 38 3t20 1q-1-11-3-21-4-16-7-28-31-11-61-17-36-9-56-17-7-17-13-49-5-25-7-46-25-111-37-171l-34-174-21-88-24-131-7-25q-1-4 1-15 36-8 66-12 20-3 37-6-1-16-4-32-4-17-5-23-10 0-13-1-13-1-23-1-5 0-16 2t-81 9l-110 1q-23 1-97-6-41-4-55-5z" horiz-adv-x="571.429" />
+<glyph glyph-name="justifyleft" unicode="&#xe80a;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifycenter" unicode="&#xe80b;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-500 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l500 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-786 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l786 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-357 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l357 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyright" unicode="&#xe80c;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyfull" unicode="&#xe80d;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="outdent" unicode="&#xe800;" d="M214 546l0-321q0-7-5-13t-13-5q-8 0-13 5l-161 161q-5 5-5 13t5 13l161 161q5 5 13 5 7 0 13-5t5-13z m786-429l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="indent" unicode="&#xe801;" d="M196 386q0-8-5-13l-161-161q-5-5-13-5-7 0-13 5t-5 13l0 321q0 7 5 13t13 5q8 0 13-5l161-161q5-5 5-13z m804-268l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="mode" unicode="&#xe813;" d="M429 46l0 607q-83 0-152-41t-110-110-41-152 41-152 110-110 152-41z m429 304q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
+<glyph glyph-name="fullscreen" unicode="&#xe80e;" d="M716 548l-198-198 198-198 80 80q16 17 39 8 22-9 22-33l0-250q0-15-11-25t-25-11l-250 0q-23 0-33 22-9 22 8 39l80 80-198 198-198-198 80-80q17-17 8-39t-33-22l-250 0q-15 0-25 11t-11 25l0 250q0 23 22 33 22 9 39-8l80-80 198 198-198 198-80-80q-11-11-25-11-7 0-13 3-22 9-22 33l0 250q0 15 11 25t25 11l250 0q23 0 33-22 9-22-8-39l-80-80 198-198 198 198-80 80q-17 17-8 39t33 22l250 0q15 0 25-11t11-25l0-250q0-23-22-33-7-3-14-3-15 0-25 11z" horiz-adv-x="857.143" />
+<glyph glyph-name="insertunorderedlist" unicode="&#xe802;" d="M214 64q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m0 286q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m-786 518q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="insertorderedlist" unicode="&#xe803;" d="M213-54q0-45-30-70t-76-26q-59 0-96 37l32 49q27-25 59-25 16 0 28 8t12 24q0 36-59 31l-15 31q4 6 18 24t24 30 21 21l0 1q-9 0-27-1t-27-1l0-30-59 0 0 85 186 0 0-49-53-64q28-7 45-27t17-49z m1 350l0-89-202 0q-3 20-3 30 0 28 13 52t32 38 37 27 32 24 13 25q0 14-8 21t-22 8q-26 0-45-32l-47 33q13 28 40 44t59 16q41 0 69-23t28-63q0-28-19-51t-42-36-42-28-20-29l71 0 0 33 59 0z m786-178l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m-786 502l0-55-187 0 0 55 60 0q0 23 0 68t0 68l0 7-1 0q-4-9-28-30l-40 42 76 71 59 0 0-225 60 0z m786-216l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="strikethrough" unicode="&#xe807;" d="M982 350q8 0 13-5t5-13l0-36q0-8-5-13t-13-5l-964 0q-8 0-13 5t-5 13l0 36q0 8 5 13t13 5l964 0z m-713 36q-16 20-28 45-27 54-27 105 0 101 75 172 74 71 219 71 28 0 93-11 37-7 99-27 6-21 12-66 8-69 8-102 0-10-3-25l-7-2-47 3-8 1q-28 83-57 114-49 51-117 51-64 0-102-33-37-32-37-81 0-41 37-78t156-72q39-11 97-37 32-16 53-29l-415 0z m283-143l229 0q4-22 4-51 0-62-23-118-13-31-40-58-21-20-61-45-45-27-85-37-45-12-113-12-64 0-109 13l-78 22q-32 9-40 16-4 4-4 12l0 7q0 60-1 87-1 17 0 38l1 21 0 25 57 1q8-19 17-40t13-31 7-15q20-32 45-52 24-20 59-32 33-12 74-12 36 0 78 15 43 15 68 48 26 34 26 72 0 47-45 88-19 16-76 40z" horiz-adv-x="1000" />
+<glyph glyph-name="underline" unicode="&#xe804;" d="M27 726q-21 1-25 2l-2 49q7 1 22 1 33 0 62-2 74-4 93-4 48 0 94 2 65 2 81 3 31 0 48 1l-1-8 1-36 0-5q-33-5-69-5-33 0-44-14-7-8-7-74 0-7 0-18t0-14l1-128 8-156q3-69 28-113 20-33 54-51 49-26 99-26 58 0 107 16 31 10 55 28 27 20 36 36 20 31 30 64 12 41 12 128 0 44-2 71t-6 68-8 89l-2 33q-3 37-13 49-19 20-43 19l-56-1-8 2 1 48 47 0 114-6q42-2 109 6l10-1q3-21 3-28 0-4-2-17-25-7-47-7-41-6-44-9-8-8-8-23 0-4 1-15t1-17q4-11 12-221 3-109-8-170-8-42-23-68-21-36-62-69-42-32-102-50-61-18-142-18-93 0-158 26-66 26-100 68t-46 109q-9 45-9 132l0 186q0 105-9 119-14 20-82 22z m830-786l0 36q0 8-5 13t-13 5l-821 0q-8 0-13-5t-5-13l0-36q0-8 5-13t13-5l821 0q8 0 13 5t5 13z" horiz-adv-x="857.143" />
+<glyph glyph-name="blockquote" unicode="&#xe814;" d="M429 671l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z m500 0l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z" horiz-adv-x="928.571" />
+<glyph glyph-name="undo" unicode="&#xe817;" d="M1000 225q0-93-71-252-2-4-6-13t-8-17-7-12q-7-9-16-9-8 0-13 6t-5 14q0 5 1 15t1 13q3 38 3 69 0 56-10 101t-27 77-45 56-59 39-74 24-86 12-98 3l-125 0 0-143q0-15-11-25t-25-11-25 11l-286 286q-11 11-11 25t11 25l286 286q11 11 25 11t25-11 11-25l0-143 125 0q398 0 488-225 30-75 30-186z" horiz-adv-x="1000" />
+<glyph glyph-name="code" unicode="&#xe816;" d="M344 69l-28-28q-6-6-13-6t-13 6l-260 260q-6 6-6 13t6 13l260 260q6 6 13 6t13-6l28-28q6-6 6-13t-6-13l-219-219 219-219q6-6 6-13t-6-13z m330 595l-208-720q-2-7-9-11t-13-1l-35 9q-7 2-11 9t-1 14l208 720q2 7 9 11t13 1l35-9q7-2 11-9t1-14z m367-363l-260-260q-6-6-13-6t-13 6l-28 28q-6 6-6 13t6 13l219 219-219 219q-6 6-6 13t6 13l28 28q6 6 13 6t13-6l260-260q6-6 6-13t-6-13z" horiz-adv-x="1071.429" />
+<glyph glyph-name="unlink" unicode="&#xe811;" d="M245 141l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z m94-23l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m-125 125q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m705-71q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-186 187q-12 12-23 31l133 10 152-153q15-15 38-15t38 15l82 81q16 16 16 37 0 22-16 38l-153 153 10 133q20-12 31-23l187-187q47-48 47-114z m-344 404l-133-10-152 153q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l153-153-10-134q-20 12-31 23l-187 187q-47 48-47 114 0 67 47 113l82 81q46 46 113 46 68 0 114-47l186-187q12-12 23-31z m353-47q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m-304 304l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m227-84l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z" horiz-adv-x="928.571" />
+<glyph glyph-name="superscript" unicode="&#xe808;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m355 379l0-115-287 0-2 15q-2 16-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 46 36 105 36 61 0 99-33t38-88q0-31-14-57t-35-43-45-33-46-28-37-29-17-35l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="subscript" unicode="&#xe809;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m357-121l0-115-287 0-2 15q-2 25-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 45 36 105 36 61 0 99-33t38-88q0-37-19-66t-47-48-56-35-49-35-23-41l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="inserthorizontalrule" unicode="&#xe818;" d="M214 439l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z" horiz-adv-x="785.714" />
+<glyph glyph-name="pin" unicode="&#xe812;" d="M268 368l0 250q0 8-5 13t-13 5-13-5-5-13l0-250q0-8 5-13t13-5 13 5 5 13z m375-196q0-15-11-25t-25-11l-239 0-28-270q-1-7-6-11t-11-5l-1 0q-15 0-18 15l-42 271-225 0q-15 0-25 11t-11 25q0 69 44 124t99 55l0 286q-29 0-50 21t-21 50 21 50 50 21l357 0q29 0 50-21t21-50-21-50-50-21l0-286q55 0 99-55t44-124z" horiz-adv-x="642.857" />
+<glyph glyph-name="createlink" unicode="&#xe810;" d="M812 171q0 22-16 38l-116 116q-16 16-38 16-23 0-40-18 2-2 11-10t12-12 8-11 7-14 2-15q0-22-16-38t-38-16q-8 0-15 2t-14 7-11 8-12 12-10 11q-18-17-18-41 0-22 16-38l115-116q15-15 38-15 22 0 38 15l82 81q16 16 16 37z m-392 393q0 22-16 38l-115 116q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l116-116q15-15 38-15t40 17q-2 2-11 10t-12 12-8 11-7 14-2 15q0 22 16 38t38 16q8 0 15-2t14-7 11-8 12-12 10-11q18 17 18 41z m499-393q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-115 116q-46 46-46 113 0 69 49 117l-49 49q-48-49-116-49-67 0-114 47l-116 116q-47 47-47 114t47 113l82 81q46 46 113 46 68 0 114-47l115-116q46-46 46-113 0-69-49-117l49-49q48 49 116 49 67 0 114-47l116-116q47-47 47-114z" horiz-adv-x="928.571" />
+</font>
+</defs>
+</svg>