Logo

dev-resources.site

for different kinds of informations.

Fully featured, modern and extensible editor

Published at
1/28/2024
Categories
markdown
editor
typescript
javascript
Author
malezjaa
Author
8 person written this
malezjaa
open
Fully featured, modern and extensible editor

Hello, I recently made a React library for creating text editors. This library uses tiptap and comes with all the essential features. Moreover, you can extend its functionality with extensions and customize its styles.

Installing

pnpm install eddies
Enter fullscreen mode Exit fullscreen mode

Usage

To start you only need few lines of code:

"use client";
import { Editor } from "eddies";

export default function Page() {
  return (
    <div className="m-5">
      <Editor />
    </div>
  );
}
Enter fullscreen mode Exit fullscreen mode

Features

  • Slash commands
    When you type / in the editor, a menu will appear with all available commands. You can customize the commands by passing the slashMenuCommands prop to the editor.

  • Syntax highligting
    Syntax higlighting preview
    In order to use syntax highlighting follow the guide in the documentation

  • Character counter

  • Themes

  • Formatting toolbar

  • And many more!

You can try it here: https://eddies-web.vercel.app/
Github repo: https://github.com/malezjaa/eddies
Docs: https://malezjaa.github.io/eddies/

editor Article's
30 articles in total
Favicon
Implementing Image Upload in React Quill
Favicon
Lazyvim version 14.x in WSL
Favicon
Adding and Customizing Tables in React Quill
Favicon
C Development with GNU Emacs
Favicon
Building a Real-Time Collaborative Text Editor with Slate.js
Favicon
SLATE Code editor with highlight
Favicon
Emacs, a simple tour
Favicon
AI Video Editor: Revolutionizing Video Editing
Favicon
Choosing the editor for the next decade
Favicon
Effortless Formatting for OpenTofu Files with LazyVim
Favicon
Store and Run your Javascript Online - tryjs.online
Favicon
Chosing the right code editor: A quick guide
Favicon
Magic Spell - An AI-powered text editor built with Next.js and the Vercel AI SDK
Favicon
Easy Access to Terminal Commands in Neovim using FTerm
Favicon
Encrypted Note Editor App In React Native
Favicon
Fully featured, modern and extensible editor
Favicon
Set Up Neovim with kickstart.nvim on Mac as a Vimginner
Favicon
Working with Zed for a week
Favicon
Guide to using ‘ed’ editor in Linux
Favicon
Elevating Your Video Editing Experience
Favicon
How do you use your VSCode profile?
Favicon
Live Editor with React, Quill, and Socket.IO
Favicon
The Spectacular Transformation: VFX’s Role in Redefining Cinema
Favicon
The Evolution of Emacs: A Journey Through Time
Favicon
React Markdown Editor with real-time preview
Favicon
Online Code Editors
Favicon
A light weight code editor that helps as to code efficiently & swiftly in a 360 world
Favicon
I created overbyte - An Online code editor
Favicon
Build a Neovim plugin in Lua 🌙
Favicon
Helix and Zellij

Featured ones: