サイトアイコン APPSWINGBY Developers Blog

Veu3.1.0がリリースされて、約1週間が経過しました。tiptapもVeu3をサポート

Takahashi

昨日、5月16日近畿・東海地方が梅雨入りしたそうですね。例年より21日早いのだとか、、

今日の東京はどんより曇り空、、

関東地方もいよいよ梅雨入りかと思わせるような天気です。

去年のように長雨が続かなければ良いのですが、、、

Veu3.1.0がリリースされて、約1週間が経過

さて、Veu3.1.0がリリースされて、約1週間が経過しました。

その間、3.1.0-beta.2、3.1.0-beta.3と二回のバグの修正が行われ、正式リリースに動き出しているVeu3,1。正式リリースが待ちきれません。

そんなVeu3ですが、Headless WYSIWYG テキストエディタ tiptapが正式にVeu3をサポートするようになりました。

tiptapとは

tiptapは、Vueで開発を行う開発者達に人気のあるテキストエディタライブラリです。

tiptap

最近流行りのヘッドレスで、TypeScriptに対応するなどの特長を持っています。

“tiptap”は、Installする前に軽く触ってテストしてみたいという開発者の為に、CDNから最新バージョンの”tiptap”をビルドできるようになっています。#以下、tiptap.devより引用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <div class="element"></div>

  <script type="module">
    import { Editor } from 'https://cdn.skypack.dev/@tiptap/core?min'
    import StarterKit from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'

    const editor = new Editor({
      element: document.querySelector('.element'),
      extensions: [
        StarterKit,
      ],
      content: '<p>Hello World :-)</p>',
    })
  </script>
</body>
</html>

やや癖があるように感じますので、使い慣れるまでに少し時間がかかるかもしれませんｇな、使い慣れると面白いかもしれませんね。

そんなVue3.ですが、3.1.0の正式版リリースも目の前に見えてきているようので、その他のVue3関連情報についても、時間があるときにでも紐解いていきたいと思います。

今日も一日頑張りましょう！

モバイルバージョンを終了