4 ms·

Notion-like WYSIWYG editor with export to a beautiful static HTML website

12 points by aksuta 2y ago

aksuta 2y ago
I've created an online WYSIWYG editor for building static documentation sites for products - TileDocs (https://tiledocs.com https://tiledocs.com). Its capabilities are currently limited, but it's suitable for creating attractive documentation websites. Key features include: * Create workspaces with tree-style navigation * Organize content into groups and folders * Basic text editing components (paragraphs, headings, lists, quotes, etc.) * Code blocks with syntax highlighting * Image insertion * Markdown import and shortcut support * Built-in search functionality GitBook inspired this tool. I loved how easily you could create beautiful, user-friendly docs with GitBook. But not being able to deploy those doc pages on my own website was a deal-breaker. My editor allows exporting to a static website that can be used anywhere. And it is completely free.
- brylie 2y ago
  I’d really like a Notion that syncs to Git. Kind of like the original promise of GitBooks. Can TileDocs sync to Git/GitHub for team-based collaboration?
  - deleted 2y ago
    [deleted]
  - aksuta 2y ago
    I’m currently working on GitHub integration. It’ll be ready soon. Stay tuned!
- bketelsen 2y ago
  this looks really nice, thanks for sharing.
  - aksuta 2y ago
    Thanks! I’ll do my best to make it even better!
turtlebits 2y ago
Looks great, but some weird usability hiccups. - There is no way to add anything before a code block - You can't add anything after a code block (have to click the + - Adding a code block requires you to click into it to type (why does it not autofocus?) - Randomly the '/' menu doesn't allow type to filter and only the arrow keys work.
- aksuta 2y ago
  Thanks for finding this. What browser do you use?
anonzzzies 2y ago
Offtopic; any permissive licenced (apache, mit etc) open source versions of such an editor?
- aksuta 2y ago
  This is the initial version of the online editor, and its functionality will continue to grow. It will always be free, with monetization only coming from cloud storage (for those who need it). However, I don’t plan on making it open source.
  - anonzzzies 2y ago
    Yes, I thought so considering you didn't make it open source now :) That's why I put 'offtopic' as I didn't think you are planning to. I need one of these for integration in a tool i'm making and I cannot find one, paid or open source, that is free enough to do that.
    - ipselon 2y ago
      In my experience, if you need to customize the look and behavior of the editor, Lexical Framework is the way to go. But be prepared to invest a lot of time. If you’re fine with the default setup, you might want to go with ProseMirror or TipTap instead.
- bricss 2y ago
  Editor.js -> https://editorjs.io/ https://editorjs.io/ Quill.js -> https://quilljs.com/ https://quilljs.com/

12 points by aksuta 2y ago

I've created an online WYSIWYG editor for building static documentation sites for products - TileDocs (https://tiledocs.com https://tiledocs.com). Its capabilities are currently limited, but it's suitable for creating attractive documentation websites. Key features include: * Create workspaces with tree-style navigation * Organize content into groups and folders * Basic text editing components (paragraphs, headings, lists, quotes, etc.) * Code blocks with syntax highlighting * Image insertion * Markdown import and shortcut support * Built-in search functionality GitBook inspired this tool. I loved how easily you could create beautiful, user-friendly docs with GitBook. But not being able to deploy those doc pages on my own website was a deal-breaker. My editor allows exporting to a static website that can be used anywhere. And it is completely free.

brylie 2y ago
I’d really like a Notion that syncs to Git. Kind of like the original promise of GitBooks. Can TileDocs sync to Git/GitHub for team-based collaboration?
- deleted 2y ago
  [deleted]
- aksuta 2y ago
  I’m currently working on GitHub integration. It’ll be ready soon. Stay tuned!
bketelsen 2y ago
this looks really nice, thanks for sharing.
- aksuta 2y ago
  Thanks! I’ll do my best to make it even better!

turtlebits 2y ago

Looks great, but some weird usability hiccups. - There is no way to add anything before a code block - You can't add anything after a code block (have to click the + - Adding a code block requires you to click into it to type (why does it not autofocus?) - Randomly the '/' menu doesn't allow type to filter and only the arrow keys work.

aksuta 2y ago
Thanks for finding this. What browser do you use?

anonzzzies 2y ago

Offtopic; any permissive licenced (apache, mit etc) open source versions of such an editor?

aksuta 2y ago
This is the initial version of the online editor, and its functionality will continue to grow. It will always be free, with monetization only coming from cloud storage (for those who need it). However, I don’t plan on making it open source.
- anonzzzies 2y ago
  Yes, I thought so considering you didn't make it open source now :) That's why I put 'offtopic' as I didn't think you are planning to. I need one of these for integration in a tool i'm making and I cannot find one, paid or open source, that is free enough to do that.
  - ipselon 2y ago
    In my experience, if you need to customize the look and behavior of the editor, Lexical Framework is the way to go. But be prepared to invest a lot of time. If you’re fine with the default setup, you might want to go with ProseMirror or TipTap instead.
bricss 2y ago
Editor.js -> https://editorjs.io/ https://editorjs.io/ Quill.js -> https://quilljs.com/ https://quilljs.com/