tiptap-vuetify - Vuetify editor. Component simplifies integration tiptap editor with vuetify.

  •        591

WYSIWYG editor for Vuetify. Component simplifies integration tiptap with vuetify. More about vuetify icons you can read here.

https://github.com/iliyaZelenko/tiptap-vuetify#readme

Dependencies:

tiptap : ^1.14.0
tiptap-extensions : ^1.14.0

Tags
Implementation
License
Platform

   




Related Projects

tiptap - A headless, framework-agnostic and extendable rich text editor, based on ProseMirror

  •    Typescript

tiptap is a headless, framework-agnostic and extendable rich text editor, based on ProseMirror. It gives you full control about every single aspect of your text editor experience. It’s headless and comes without any CSS. You are in full control over markup, styling and behaviour. tiptap works with Vanilla JavaScript and Vue.js, but it’s also possible to use it in React, Svelte and others. Real-time collaboration, syncing between different devices and working offline is supported.

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

vue2crm - Simple reusable CRM built on Vue 2 PWA template and Vuetify UI

  •    Javascript

A reusable Vue.js CRM starter project for real-world business based on Vue 2 PWA template with Vuetify. The goal of this project is to create a reusable starter project for real-world business. To achieve this target, we need a solution which includes simple authentication process, restful API with token support and simple but elegant UI design.

svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.

  •    Svelte

Svelte Materialify is soon to be deprecated is favour of svelterialjs. My exams are still going on as they were postponed due to the increasing number of CoVID cases in my country. A better Material UI design framework for Svelte with full support for light / dark themes and customisability.


vue-material-admin - A vue material design admin template

  •    Vue

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as base framework. Vuetify is Awesome. For a detailed explanation on how things work, check out the guide and docs for vue-loader.

vue-cli-plugins - πŸ”Œ A collection of Vuetify plugins for Vue CLI

  •    Javascript

You can find more information about presets in the Vuetify preset documentation.

vuetify-loader - πŸ“¦ A Webpack plugin for treeshaking Vuetify components and more

  •    Javascript

πŸ“¦ A Webpack plugin for treeshaking Vuetify components and more

vueditor - A wysiwyg editor written in Vue.js and Vuex.js

  •    Vue

A wysiwyg editor written in Vue.js and Vuex.js, require Vue.js 2.0.0, Vuex.js 2.0.0 and above. Browser compatibility: Chrome, Firefox, Safari, IE 9+.

Toast UI Editor - Markdown Wysiwyg Editor

  •    Javascript

Today CommonMark is the de-facto Markdown standard. And GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark maintained by GitHub which is known as the biggest Markdown user. ToastUI Editor respects CommonMark and GFM specifications. Write documents with easy and productive tools provided by ToastUI Editor. You can open this document wherever the specifications are supported.

canner-slate-editor - πŸ“Rich Text / WYSIWYG Editor built for Modularity and Extensibility.

  •    Javascript

πŸ“ Rich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. Since this project is originally started from Canner, we notice that there is NO SINGLE editor is going to fit in all varieties of requirements, so we think the only way to solve this issue is to design a modular-first editor.

simplemde-markdown-editor - A simple, beautiful, and embeddable JavaScript Markdown editor

  •    Javascript

A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. SimpleMDE is one of the first editors to feature both built-in autosaving and spell checking. WYSIWYG editors that produce HTML are often complex and buggy. Markdown solves this problem in many ways, plus Markdown can be rendered natively on more platforms than HTML. However, Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they click the preview button. SimpleMDE has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

rich-markdown-editor - The open source React and Slate based markdown editor that powers Outline wiki

  •    Javascript

A React and Slate based editor that powers the Outline wiki and can also be used for displaying content in a read-only fashion. The editor is WYSIWYG and includes many formatting tools whilst retaining the ability to write markdown shortcuts inline and output Markdown. See a working example in the example directory.

vue-wysiwyg - A lightweight WYSIWYG HTML editor for Vue.js

  •    Vue

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use. All keys are optional.

HyperMD - A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.

  •    TypeScript

Breaks the Wall between writing and preview, in a Markdown Editor. HyperMD is a set of CodeMirror add-ons / modes / themes / commands / keymap etc.

Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.

markdown wysiwyg

  •    Python

Markdown wysiwyg - A web based wysiwyg editor for John Gruber's Markdown. This allows a gentle introduction to Markdown for novices. Works with Mozilla and IE. Not yet tested with safari or konqueror.

ProseMirror- A toolkit for building rich-text editors on the web

  •    Javascript

ProseMirror is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.