wesllycode / fast-editor

Rich Text Editor

Fast Editor

Fast Editor formats your texts quickly and easily, and with a modern interface.

How to use?

<template>
  <div class="w-screen h-screen flex items-center justify-center bg-bgSecondary px-4">
    <Editor @getHtml="(val) => html = val" placeholder-f="Adicionar descrição..." />
  </div>
</template>

<script setup>
import Editor from "./components/Editor/index.vue"
import { ref, watchEffect } from "vue";

// use a reactive variable
let html = ref("")
</script>

Get the generated html

// use @getHtml to get the generated html
@getHtml="(val) => html = val"

Props

height="000px" default 100%
width="000px" default 100%
placeholder-f="Your description" default  "Descrição..."
editorBackground="#000" default #121214

License 📜

• MIT

🛠 Technologies

• Vue.js 3
• Tailwind css
• Scss

How to Contribute 🚀

1. Fork the Repository:

   • Fork this repository by clicking the "Fork" button in the top right corner of this page. This will create a copy of the repository in your GitHub account.

2. Clone the Repository:

   • Clone the forked repository to your local development environment.

   git clone [e-mail]:Luizboaventura1/fast-editor.git
   cd fast-editor