UNPKG

@uiw/react-md-editor

Version:

A markdown editor with preview, implemented with React.js and TypeScript.

35 lines (33 loc) 1.48 kB
import * as React from 'react'; import { selectWord } from '../utils/markdownUtils'; export var italic = { name: 'italic', keyCommand: 'italic', buttonProps: { 'aria-label': 'Add italic text' }, icon: /*#__PURE__*/React.createElement("svg", { "data-name": "italic", width: "12", height: "12", role: "img", viewBox: "0 0 320 512" }, /*#__PURE__*/React.createElement("path", { fill: "currentColor", d: "M204.758 416h-33.849l62.092-320h40.725a16 16 0 0 0 15.704-12.937l6.242-32C297.599 41.184 290.034 32 279.968 32H120.235a16 16 0 0 0-15.704 12.937l-6.242 32C96.362 86.816 103.927 96 113.993 96h33.846l-62.09 320H46.278a16 16 0 0 0-15.704 12.935l-6.245 32C22.402 470.815 29.967 480 40.034 480h158.479a16 16 0 0 0 15.704-12.935l6.245-32c1.927-9.88-5.638-19.065-15.704-19.065z" })), execute: function execute(state, api) { // Adjust the selection to encompass the whole word if the caret is inside one var newSelectionRange = selectWord({ text: state.text, selection: state.selection }); var state1 = api.setSelectionRange(newSelectionRange); // Replaces the current selection with the italic mark up var state2 = api.replaceSelection("*".concat(state1.selectedText, "*")); // Adjust the selection to not contain the * api.setSelectionRange({ start: state2.selection.end - 1 - state1.selectedText.length, end: state2.selection.end - 1 }); } }; //# sourceMappingURL=italic.js.map