smolijar / emily-editor Goto Github PK

• Remove hovering underlying elements
• Remove bullet
• Fix font
• Fix cursor

Browser: Firefox on macOS

Is possible thru CLI. Update.

ReactWrapper does not bring anything useful and thus is just a burden.

MacOS HighSierra 10.13.1
Version 62.0.3202.94 (Official Build) (64-bit)

Jump using Ctrl + (Home/End)

JSX styles take up most of the space in render method, which is not cool.

• Extract into seperate funsctions, preferably files.
• Consider using CSS preprocessor if available in JSX. Lot of redundancy in selectors
• Seperate component and global styles

When using variable keys, cleanup old records in localStorage.

Generate autosave localStorage key based on given key or initial content, to allow saving multiple instances.

As suggested on TUR, handles should probably be on rhs.

Focus on scrollbars:

This is not caused by page zoom, the behvaiour is the same when the page is not zoomed out.

I’m not sure if it’s even possible to implement it to behave correctly with native scrollbars…

Browser: Firefox 55.0.3 on macOS

You monster!

This is caused by attribute _moz_resizing="true" on element <table>. Changing it to false disables this ability.

Browser: Firefox 55.0.3 on macOS

Nested default props are not merged. (Editor::language) Solve defaults other way.

Add statusbar for spellcheck (choose language or disable)

There are some complains about key props, invalid prop types, funny html.

Browser spellchecking usually does not work in similar editors. Mostly because it is not a single textarea or set of them, but input elements are dynamically generated. Current code is not in any input most of the time.

Application solutions seems to be the only way. Would rather use an existing editor extension, than implement it myself. I could not get to work any of those I found for CM nor Ace.

Current implementation I did for CM sucks. Does not use context menu and does not fully integrate to cm

Due to performance tuning temp. set to fixed.

Content editable feature. Preview should be RO.

Lot of common in md/asciidoc modules, wrapper to complete/implement inferable functions.
Related #17

Be a good boy and give it a cool name!

Markup editor is boring, too general and ambiguous. People might think it's for XML.

Make it unique and related do lighweight markup languages 😐

Add short text emoji support :cat: 🐱 ala GitHub, Slack, ...

As a main control element, it is not distinguishable from minor elements in status bar.

Consider style differentiation or icon

If possible, implement resizable columns like http://jsfiddle.net/robertc/5hGRV/

Also update deploy branch to master instead of dev

• leave dark theme, it might work on desktop but on web it looks like 12yo learned css; all almost all form inputs and textareas are actually white
• stay pure, minimal, simple, spacious, clean
• inspire thyself from existing projects, that look good SimpleMDE, Typora, Google Docs (outline)

Did you lot find anything visually impressive ✨ from similliar editors?

Comment your suggestions!

When I select some text in the preview panel and hit Cmd+C to copy the selection, it does not copy it to the clipboard. However, when I open a context menu (right click) and click on “Copy” here, it does copy the selection to the clipboard. How’s that even possible…? 🙀

Browser: Firefox 55.0.3 on macOS

When react-codemirror removed, options will have to be reconfigured form state

Links are rendered correctly as <a> tag, but its default action for left left click is blocked. User can open the link from browser’s context menu, but not by clicking or tapping on it.

Broken in Windows, probably different font fallback. Truncated by CSS ellipsis.

Bold, italics etc.

This is weird. The mouse selection should take over the implicit.

Add tooltips for collapse/expand/move section etc

It feels really weird to have a scrollable area without scrollbars. Even when you don’t use scrollbars for actual scrolling, they are useful as an indicator where you are in the document (position of the scrollbar) and how it is long (height of the scrollbar).

Does not need to have all features. Implement e.g. hrefs for headings, prepare an interface for extending.

Due to performance inprovements it has been tempor. moved to onStoppedTyping. Changing cursor/selection never triggers.