vditor icon indicating copy to clipboard operation
vditor copied to clipboard

New UI for smartphone

Open jakekwak opened this issue 4 years ago • 4 comments

What do you think about this kind of UI for smartphone.

I got this idea from Froala and editor.js

if not, just close this issue.

Top toolbar : inline item and others when touch + icon : block item. touch + icon when heading : showing icons related Heading. touch + icon when lists : showing icons related lists. touch cell inside table : showing icons related cell.

Screen Shot 2020-05-14 at 3 37 43 PM

jakekwak avatar May 14 '20 20:05 jakekwak

I think WYSIWYG can use this feature and enhance itself.

  • In empty block image
  • In table image
  • and so on

On mobile devices, use the customizable icons in the toolbar.

Vanessa219 avatar May 15 '20 02:05 Vanessa219

With the continuous enhancement of Vditor. If you have any suggestions, please reopen it.

Vanessa219 avatar Aug 01 '20 08:08 Vanessa219

@Vanessa219 @88250 Personally, I'd like to try making a menu like the one in the picture in WYSIWIG mode of smartphone. I think it will be possible when i use the existing genUp(), genDown(), and genClose(). When I first click in WYSIWYG mode, I'd like to show the + menu to appear.(I can not find this part) I'd appreciate it if you just let me know which part I can modify or some example code.

jakekwak avatar Aug 04 '20 15:08 jakekwak

The relevant code is in src/ts/wysiwyg/highlightToolbarWYSIWYG.ts. Maybe in the next version, we can do it.

Vanessa219 avatar Aug 05 '20 00:08 Vanessa219