tiptapify 0.0.1 → 0.0.4

package/src/components/editorExtensions.ts

@@ -35,7 +35,7 @@ import { common, createLowlight } from 'lowlight'
 // using all available languages
 const lowlight = createLowlight(common)
 
-// or you can register specific languages
+// or register specific languages
 // const lowlight = createLowlight()
 //
 // import language example
@@ -44,55 +44,60 @@ const lowlight = createLowlight(common)
 // register language example
 // lowlight.register('ts', ts)
 
-export const editorExtensions = (placeholder: string = '') => [
-  TextStyleKit,
-  Document,
-  Text,
-  Paragraph,
-  Heading,
-  Bold,
-  Italic,
-  Strike,
-  Blockquote,
-  OrderedList,
-  BulletList,
-  TaskList,
-  TaskItem,
-  ListItem,
-  ListKeymap,
-  HardBreak,
-  HorizontalRule,
-  Dropcursor,
-  Typography,
-  Underline,
-  Highlight,
-  Link.configure({
-    openOnClick: false,
-    defaultProtocol: 'https',
-  }),
-  Image,
-  Superscript,
-  Subscript,
-  TableKit,
-  Code,
-  UndoRedo,
-  Focus,
-  CodeBlockLowlight
-    .extend({
-      addNodeView() {
-        return VueNodeViewRenderer(CodeBlockComponent)
-      },
-    })
-    .configure({ lowlight }),
-  Selection.configure({
-    className: 'selection',
-  }),
-  TextAlign.configure({
-    types: ['heading', 'paragraph'],
-  }),
-  Placeholder.configure({ placeholder }),
-  SlashCommands.configure({
-    suggestion,
-  }),
-  CharacterCount
-]
+export function editorExtensions (placeholder: string, slashCommands: boolean) {
+  const extensions = [
+    TextStyleKit,
+    Document,
+    Text,
+    Paragraph,
+    Heading,
+    Bold,
+    Italic,
+    Strike,
+    Blockquote,
+    OrderedList,
+    BulletList,
+    TaskList,
+    TaskItem,
+    ListItem,
+    ListKeymap,
+    HardBreak,
+    HorizontalRule,
+    Dropcursor,
+    Typography,
+    Underline,
+    Highlight,
+    Link.configure({
+      openOnClick: false,
+      defaultProtocol: 'https',
+    }),
+    Image,
+    Superscript,
+    Subscript,
+    TableKit,
+    Code,
+    UndoRedo,
+    Focus,
+    CodeBlockLowlight
+      .extend({
+        addNodeView() {
+          return VueNodeViewRenderer(CodeBlockComponent)
+        },
+      })
+      .configure({ lowlight }),
+    Selection.configure({
+      className: 'selection',
+    }),
+    TextAlign.configure({
+      types: ['heading', 'paragraph'],
+    }),
+    Placeholder.configure({ placeholder }),
+    CharacterCount
+  ]
+
+  if (slashCommands) {
+    extensions.push(SlashCommands.configure({ suggestion }))
+  }
+
+  return extensions
+}

package/src/composable/useEditor.ts

@@ -4,12 +4,12 @@ import { editorExtensions } from '@tiptapify/components/editorExtensions'
 
 let editorInstance: any = null
 
-export function useEditor(content: any = '', placeholder: string = '') {
+export function useEditor(content: any = '', placeholder: string = '', slashCommands: boolean = true) {
   class TiptapifyEditor {
     private editor
 
     constructor() {
-      const extensions = editorExtensions(placeholder)
+      const extensions = editorExtensions(placeholder, slashCommands)
       this.editor = useEditorOriginal({
         content,
         extensions,

package/src/i18n/locales/en.json

@@ -1,6 +1,14 @@
 {
   "style": {
     "heading": "heading",
+    "headings": {
+      "h1": "heading level 1",
+      "h2": "heading level 2",
+      "h3": "heading level 3",
+      "h4": "heading level 4",
+      "h5": "heading level 5",
+      "h6": "heading level 6"
+    },
     "fontFamily": "font family",
     "fontSize": "font size",
     "lineHeight": "line height"
@@ -18,8 +26,8 @@
     "blockquote": "cite",
     "code": "code",
     "codeblock": "code block",
-    "codeblock_syntax": "code block w/ syntax highlighting",
-    "link": "external link"
+    "link": "external link",
+    "formatClear": "format clear"
   },
   "action": {
     "undo": "undo",

package/src/i18n/locales/ru.json

@@ -1,6 +1,14 @@
 {
   "style": {
     "heading": "заголовок",
+    "headings": {
+      "h1": "заголовок 1-го уровня",
+      "h2": "заголовок 2-го уровня",
+      "h3": "заголовок 3-го уровня",
+      "h4": "заголовок 4-го уровня",
+      "h5": "заголовок 5-го уровня",
+      "h6": "заголовок 6-го уровня"
+    },
     "fontFamily": "шрифт",
     "fontSize": "размер",
     "lineHeight": "высота строки"
@@ -18,8 +26,8 @@
     "blockquote": "цитата",
     "code": "код",
     "codeblock": "блок кода",
-    "codeblock_syntax": "блок кода с подсветкой синтаксиса",
-    "link": "внешняя ссылка"
+    "link": "внешняя ссылка",
+    "formatClear": "очистить форматирование"
   },
   "action": {
     "undo": "отмена",

package/src/i18n/locales/ua.json

@@ -1,6 +1,14 @@
 {
   "style": {
     "heading": "заголовок",
+    "headings": {
+      "h1": "заголовок 1-го рівня",
+      "h2": "заголовок 2-го рівня",
+      "h3": "заголовок 3-го рівня",
+      "h4": "заголовок 4-го рівня",
+      "h5": "заголовок 5-го рівня",
+      "h6": "заголовок 6-го рівня"
+    },
     "fontFamily": "шрифт",
     "fontSize": "розмір",
     "lineHeight": "висота строки"
@@ -18,8 +26,8 @@
     "blockquote": "цитата",
     "code": "код",
     "codeblock": "блок коду",
-    "codeblock_syntax": "блок коду з підсвіткою синтаксиса",
-    "link": "зовнішнє посилання"
+    "link": "зовнішнє посилання",
+    "formatClear": "очистити форматування"
   },
   "action": {
     "undo": "відміна",