texttree / notepad-rcl Goto Github PK

View Code? Open in Web Editor NEW

0.0 2.0 0.0 1.66 MB

This component library allows you to create a Notepad with flexible text editing options

Home Page: https://notepad-rcl.netlify.app/

License: MIT License

JavaScript 100.00%

scripture-open-components

notepad-rcl's Introduction

Notepad Component Library

This component library allows you to create a Notepad with flexible text editing options.

View Demo · Report Bug · Request Feature

Key features:

It is a block-styled editor based on Editor.js
There is an autosave in browser
Storing multiple notes

Table of Contents

About The Project
- Built With
Getting Started
- Prerequisites
- Installation
Usage
Roadmap
Contributing
License
Contact
Acknowledgments

About The Project

Purpose

Convenient and compact note editor
Note storage
Note sharing

Problem

The developer has a need to implement a convenient note-taking tool in his application
While reading, studying Scripture, or translating, it is often necessary to take notes. You have to use third party apps.

Built With

Getting Started

Installation

Install the package:

yarn add @texttree/notepad-rcl

npm install @texttree/notepad-rcl

Import Redactor in app:

import { Redactor } from '@texttree/notepad-rcl';

<Redactor />;

For more examples, please refer to the Styleguidist link

Roadmap

See the open issues for a full list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. Guidelines for external contributions.

You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

If you would like to fork the repo and create a pull request.

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

TextTree - Discord

Project Link: https://github.com/texttree/notepad-rcl

notepad-rcl's People

Contributors

Watchers

notepad-rcl's Issues

[Bug]: Rename title in Treeview

Error description:

Когда начинаешь редактировать название заметки в компоненте Treeview, то после того как курсор уводишь с элемента значение возвращается к предыдущему, а текущее стирается.

Steps to reproduce the error:

Перейти по ссылке https://notepad-rcl.netlify.app/
Слева в меню нажать на Treeview
Прокрутить к заголовку Saving to the database and using Drag and drop sorting
В списке нажать 3 раза на любой элемент, появится возможность редактироват/вводить текст.
Поменять текст.
Убрать курсор в сторону - и текст, который вы набирали, сменится значением по-умолчанию

Expected behavior:

Если брать за основу шаги, которые описаны выше, то на 6 шаге набранное значение текста не должно меняться.

OS

Linux

Browsers

Firefox

Relevant log output

No response

The intended solution:

Я вижу, что в коде ломает вот эта конструкция

onMouseOver={() => {
                  if (typeof setHoveredNodeId === 'function') {
                    setHoveredNodeId(nodeProps.node.id);
                  }
                }}
                onMouseLeave={() => {
                  if (typeof setHoveredNodeId === 'function') {
                    setHoveredNodeId(null);
                  }
                }}

Но я не пойму зачем она здесь. Поэтому сам не стал исправлять

context menu bug

Sometimes when closing a note the menu remains open

injecting LF into Editor.js

Rtl support

Add option to change rtl to ltr and back

Need to fix some things

Командные заметки
Сделать больше блок куда писать заметку, так как не видно элементов управления слева и снизу
Для переводчика убрать кнопку "создать командную заметку" и открывать заметки не в режиме редактирования
Почему-то не могу указать длинное название заметки, словно ограничение какое-то стоит

Bug in V-Cana

Warning: Failed prop type: Invalid prop notes[0].id of type string supplied to ListOfNotes, expected number.
ListOfNotes@webpack-internal:///./node_modules/@texttree/notepad-rcl/dist/components/ListOfNotes/ListOfNotes.js:12:15
LoadableComponent@webpack-internal:///./node_modules/next/dist/shared/lib/loadable.js:113:9
div
div
PersonalNotes@webpack-internal:///./components/Panel/Helpers/PersonalNotes.js:51:80
div
div
Tool@webpack-internal:///./components/Panel/Tool.js:11:78
div
div
De@webpack-internal:///./node_modules/@headlessui/react/dist/components/tabs/tabs.js:21:10404
div
Ae@webpack-internal:///./node_modules/@headlessui/react/dist/components/tabs/tabs.js:21:9861
C@webpack-internal:///./node_modules/@headlessui/react/dist/utils/stable-collection.js:7:336
me@webpack-internal:///./node_modules/@headlessui/react/dist/components/tabs/tabs.js:21:2820
Panel@webpack-internal:///./components/Workspace.js:160:103

multilevel structure of notes

Add tree structure

example
https://dynalist.io/demo/

Сделать rtl для ввода арабских симолов.

Надо обновить несолько компонентов.

Нужно проверять, когда вводятся арабские символы - если есть хоть 1 арабский символ или все - то делать дирекшен rtl
Нужно проверять, если значение приходит. Допустим как в компоненте Treeview - часть названий могут быть на арабском, а часть нет.
вот пример
https://codepen.io/vsync/pen/qBNbmy

Create README

Getting a list of notes

Getting a list of notes from Indexed DB

Editor.js stores block notes in an Indexed DB. Notes are stored in DB NotepadRCL. Each individual Editor.js has its own id, which is a key in the DB.
It is necessary to create a component that will collect these keys and generate a list of notes according to these keys.
By clicking on a note with the key "some_new_id" in Editor.js, a block of notes with the key "some_new_id" will be loaded

Editor.js сохраняет блочные заметки в Indexed DB. Заметки хранятся в DB NotepadRCL. У каждого отдельного Editor.js есть свой id, который является ключом в DB.
Необходимо создать компонент, который будет собирать эти ключи и формировать список заметок, согласно этим ключам.
По клику на заметке с ключом "some_new_id" в Editor.js будет загружаться блок заметок с ключом "some_new_id"

Список заметок:

добавить заметку
выбор заметки
удаление заметки