An obsidian toolbar plugin, modified from the Cmenu plugin

Related tags

Learning resource obsidian-editing-toolbar
Overview

obsidian-editing-toolbar Plugin

Thanks to the cmenu plugin, which gave me a lot of inspiration, but this plugin has not been maintained for more than a year, so I re-modified it and added a lot of interesting features, including the top toolbar, cursor following, etc., so editing toolbar was created.

Obsidian Editing Toolbar is a plugin that provides a toolbar similar to MS-Word，and adds a minimal and user friendly text editor modal for a smoother writing/editing experience . This plugin makes text editing and firing commands easier for those that don't wish to configure a multitude of hotkeys.No need to remember complex markdown commands, similar to a rich text editor as WYSIWYG. This plugin was specifically designed for note-takers that want to have a simple text editor to aid in marking up their notes. It solves the issue of having to memorize numerous hotkeys and/or use multiple key presses to get the desired markup. A simple toolbar to improve your writing experience in Obsidian！

It is recommended to work with Enhanced Editing Plugin, which can add more useful editing commands.

点击这里查看中文文档。

TOC

how-to-install

Please Refer: How to install Obsidian Plugins

Video Introduction

About Cmenu toolbar

Key Features

  1. add a new toolbar style tiny

  2. add toolbar position options, top, following

  3. add some built-in commands

    1. change-font-color
    2. change-background-color
    3. indent-list
    4. undent-list
    5. editor-undo
    6. editor-redo
    7. hrline
      will insert a --- split line
    8. justify Both ends aligned Inserts an html code to align the text at both ends <p align="justify">..... </p>
    9. left
      Insert an html code to align the text left <p align="left">..... </p>
    10. right
      Insert an html code to align the text right <p align="right">..... </p>
    11. center
      Insert an html code to center the text <center>..... </center>
    12. fullscreen-focus Default binding shortcut key Ctrl+shift+F11 Will make the notes page display full screen, let you focus more on the writing itself. To exit full screen press ESC or execute the full screen command again
    13. workplace-fullscreen-focus Default binding shortcut key Ctrl+F11 Unlike fullscreen-focus mode, this one just hides the left and right sidebar panels, it's only workspace full screen
    14. head 1-6 level heading settings Default binding shortcut key Ctrl+1,ctrl+2,...Ctrl+6
    15. support custom command icons
    16. Support modify command name
    17. Support for adding submenus
    18. Support menu dragging and sorting
    19. Add formatting brush function Built-in two kinds of formatting brush for font color and background color (middle mouse button or right click can cancel the formatting brush status)
    20. Adaptive shrinkage of toolbar icon width

Work with other plugins

  1. emjoi toolbar Quickly Insert a emoji

  2. Obsidian-Table-Generator & ob-table-enhance Quickly Insert a table and edit

The above plugins are available from the example vault , all of which have been optimized and have some bugs fixed ☟☟☟

Full Vault showcase

This is the Obsidian example vault is amazing, there are a lot of dazzling features and showcase, I believe you will wonder a bit, is this Obsidian? Blue-topaz-examples

Comments
  • Can't find this plugin in Obsidian's Community Plugins catalog

    Can't find this plugin in Obsidian's Community Plugins catalog

    Describe the bug This looks like a very nice plugin, but I can't find it in Obsidian's Community Plugins catalog.

    To Reproduce Go into Obsidian's settings > Community plugins and search for 'Editing' or 'Toolbar'

    opened by erohtar 7
  • 有些自定义的命令的图标丢失，比如深色模式我用的MOON，现在功能还在，只是没有图标，看上去就像没有按钮

    有些自定义的命令的图标丢失，比如深色模式我用的MOON，现在功能还在，只是没有图标，看上去就像没有按钮 

        有些自定义的命令的图标丢失，比如深色模式我用的MOON，现在功能还在，只是没有图标，看上去就像没有按钮

    image

    Originally posted by @chenxin0397 in https://github.com/cumany/obsidian-editing-toolbar/issues/16#issuecomment-1260396069

    opened by chenxin0397 3
  • failed to load plugin

    failed to load plugin

    great work but i can't start the plugin after installing from the market the only clue is :failed to load plugin editing-toolbar

    obsidian version: v1.1.9

    opened by ccharname 2
  • failed to load plugin editing-toolbar

    failed to load plugin editing-toolbar

    Describe the bug Unable to start the plug-in, error msg: failed to load plugin editing-toolbar

    To Reproduce obsidian app version: v.1.1.8 、 v.1.1.3 plug-in version: 2.2.3 When I click the start button, I get an error：failed to load plugin editing-toolbar

    Expected behavior

    1. Why does this error occur? Is there a problem with my local environment?
    2. How to solve the problem?

    Screenshots image

    Desktop (please complete the following information):

    • OS: [macOS monterey 12.3.1]
    • Obsidian Version [v.1.1.8]
    • Plug-in Version [2.2.3]
    opened by changxiangyang 2
  • ctrl+左键单击文件出现BUG

    ctrl+左键单击文件出现BUG

    ctrl+左键单击文件出现BUG 插件版本：2.2.2. obsidian版本：v1.0.3

    现象如下演示。 https://user-images.githubusercontent.com/104330036/206857372-7a8d8ede-5728-417e-a6b6-e58755587fbb.mp4

    opened by 1067237855 2
  • 希望设置面板中的submenu能折叠一下

    希望设置面板中的submenu能折叠一下

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here. 新增的功能总是排在最后，要加到前面的submenu里需要经过很多个submenu，有些不便

    opened by chenxin0397 2
  • Shortcuts for highlights

    Shortcuts for highlights

    Is your feature request related to a problem? Please describe. I love your plugin for easy text highlighting thanks to the format brush buttons and the clear text formatting button. I think being able to have these 2 buttons in shortcuts would be very useful, so I could program them into my extra mouse buttons or a pencil.

    Describe the solution you'd like I propose 3 shortcuts: 1-Activate format brush 2-Activate clear text formatting 3-Disable format brush and clear text formatting (with one single shortcut)

    image

    opened by javiavid 2
  • Empty lines disappear

    Empty lines disappear

    Describe the bug When you delete the highlights, the empty lines disappear

    To Reproduce Video attachment

    Expected behavior Empty lines should be kept

    Screenshots

    https://user-images.githubusercontent.com/7627504/191669888-59b064cb-4d68-437c-8d42-ccdfd85dbc25.mp4

    Desktop (please complete the following information):

    • OS: windows 11
    • Obisian Version 0.16.3
    • Plugin Version 2.1.1
    opened by javiavid 2
  • Spacing/positioning issue for

    Spacing/positioning issue for "Background color", "Font Colors" and "Headings" when using other position than top.

    Describe the bug There is some issue with spacing for "Background color", "Font Colors" and "Headings" when using other position than top.

    To Reproduce Steps to reproduce the behavior:

    1. Go to Plugin Settings
    2. Editing toolbar position from top to fixed of rollowing (btw. there is misspeling "posotion"

    Expected behavior Whole field of icon should be hoverable but right now icons are on the right edge of their space and expanding arrow is misplaced. I would remove this arrow and made field clickable/hoverable instead.

    Screenshots obraz

    Desktop:

    • Windows 10 pro
    • Obsidian 0.15.9
    • Installator version 0.15.6
    • Theme doesn't matter
    opened by Gentleman03 2
  • emoji toolbar嵌入无法正常插入

    emoji toolbar嵌入无法正常插入

    我在Editing Toolbar添加了Emoji Toolbar: Open emoji picker这个命令的。 点击之后能够弹出Emoji的选择框，选择一个图标之后，没有正确的插入。 用命令调出Emoji Toolbar: Open emoji picker能够正常的工作。

    Emoji Toolbar的版本是0.3.2 Editing Toolbar的版本是2.2.0 Obsidian的版本是1.0。0

    opened by yixiaofan1 1
  • Device not supported (ipad)

    Device not supported (ipad)

    Well first: thanks for this amazing plugin. Then, the title is pretty clear: it seems the plugin was designed for desktop environment, and somehow ipad users (mobile users?) are always one step backward... I guess there's a good reason for that. Anyway, dunno if it's a lot of work to make it compatible but I'd be ready to invest myself into coding to have it done, only I have no idea if this requires much skills or not. Thanks again.

    opened by A000045 0
  • 不能在添加颜色同时加粗文字以及一些建议

    不能在添加颜色同时加粗文字以及一些建议

    1.不能在添加颜色同时加粗文字 我在实际使用过程中，遇到需要改变文字颜色并且加粗的情况。起初我使用的是高亮配合加粗（我自定义将高亮的背景色改为透明，文字颜色改为红色），可是当我在导出为pdf时，红色的文字显示不出来，只有在高亮为默认的黄色时，导出pdf才有高亮的背景颜色。我想使用该软件改变颜色，发现导出的pdf文件可以显示红色，但是在配合改变颜色和加粗时，加粗无法使用。<font color="#ff0000">**字体**</font> 或 **<font color="#ff0000">连续</font>** ，这两种方式无法同时加粗和改变颜色和红色。

    2.一点增加的建议 2.1 对于颜色的快捷键或自定义快捷键 希望能够增加对于各种颜色的快捷键，可以自定义添加哪些颜色对应哪些快捷键，以及预设样式，使用快捷键自动改变文字样式为预设样式。

    2.2 可以自定义文字样式 可以通过修改css代码，预设一些文字样式等等。

    opened by CoTfer 0
  • Hello! I found an issue where there are extra blank lines at the bottom of the insert code block.

    Hello! I found an issue where there are extra blank lines at the bottom of the insert code block.

    Describe the bug A clear and concise description of what the bug is.

    Hello! I found an issue where there are extra blank lines at the bottom of the insert code block. Is this problem generated by an error or am I using it incorrectly? Version: 2.2.3 ob: 1.1.8 System: Windows 10

    Screenshots If applicable, add screenshots to help explain your problem.

    2022-12-25_090010

    opened by zhouxinghong 0
  • 【FR】增加 字体大小 按钮

    【FR】增加 字体大小 按钮

    <font size="32">字体变大</font>

    <font size="8">字体变小</font>

    然后我们可以玩 字体变大，变色。

    <font color="#f79646"><font size="32">字体变大</font></font>

    opened by Connor-yang96 0
  • disappearng problem in this plugins

    disappearng problem in this plugins

    Describe the bug When I click one of these buttons, the editing toolbar disappears

    To Reproduce Steps to reproduce the behavior:

    1. click any button. Describe the bug When I click one of these buttons, the editing toolbar disappears

    To Reproduce Steps to reproduce the behavior:

    1. click any button.

    Expected behavior For example, if I click code button, it will reflect the function of the original button, but the enditing bar will automatically disappear.

    Screenshots NO

    Desktop (please complete the following information):

    • OS: win 11
    • Browser chrome
    • editing toolbar Version 2.2.2
    • obsidian Version 1.0.3
    opened by huangjch0 1
Releases(2.2.3)
Owner
null
GitHub
A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

Copy Search URL This plugin adds a button to Obsidian's search view. Clicking it will copy the Obsidian URL for the current search to the clipboard. T

Carlo Zottmann 6 Dec 26, 2022
This plugin allows you to stick toolbar for summernote editors.

Summernote Sticky Toolbar This is a simple plugin for Summernote that makes the toolbar sticky. preview.mp4 Installation Classic Include the plugin sc

İlyas Özkurt 6 Oct 5, 2022
Hashlips NFT Mint Dapp modified by fazelpejmanfar (Compatible with ERC721A)

Welcome to HashLips ?? All the code in these repos was created and explained by HashLips on the main YouTube channel. Edited By Fazel Pejmanfar and co

Fazel Pejamanfar 27 Nov 30, 2022
A modified version of Yomichan that works with Russian.

yomichan-ru A modified version of Yomichan that works with Russian. Examples: Instructions (firefox) Download the repository, clone it, whatever. Down

null 4 Nov 19, 2022
Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Technologies Used React Redux Tailwind CSS Features Admin dashboard User settings and or user dashboard send emails recive emails Connections through

Multi Email 9 Dec 17, 2022
An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor.

Obsidian Excel to Markdown Table An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor. Demo You can paste the copied Excel d

Ganessh Kumar 108 Jan 4, 2023
This is a plugin for Obsidian (https://obsidian.md). Can open document with `.html` and `.htm` file extensions.

Obsidian HTML reader Plugin This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions. Obsidian HTML

null 37 Dec 27, 2022
An Obsidian plugin that lets you browse the web within Obsidian.

Obsidian Web Browser An Obsidian plugin that allows you to browse the web within Obsidian using v1.0 tabs. The core functionality of the plugin, rende

Dion Tryban 102 Dec 28, 2022
Obsidian-dataview-table-filter-menu - Dynamically created filter menu for dataview tables in obsidian

Dataview table Filter Menu for Obsidian Dynamically created filter menu for data

shiro 17 Sep 24, 2022
Obsidian-Snippet-collection - A collection of snippet to customize obsidian

This repo is a collection of CSS snippets for Obsidian.md. To install them on PC

Mara 110 Dec 22, 2022
Obsidian Web: Connect your browser with your Obsidian notes

Obsidian Web: Connect your browser with your Obsidian notes This is an unofficial Chrome extension for Obsidian that lets you send content from the we

Adam Coddington 97 Jan 3, 2023
A tool to get plugin statistics of Obsidian plugin ecosystem.

Obsidian Plugin Stats A tool to get plugin statistics of Obsidian plugin ecosystem. Usage You can use this tool to see the plugins that has hit commun

Ganessh Kumar 27 Dec 25, 2022
An Obsidian plugin to grab all yaml fields from all files into a dataframe

Metadataframe Metadataframe allows you to get all metadata from your vault into CSV file. With CSV in-hand, you can do any data analysis you want with

null 7 Sep 15, 2022
Hexo-backlink - This plugin is for transfer Obsidian-type backlink to standard hexo in-site post link.

Hexo-Backlink A plugin to convert backlink in .md file to in-site link. Install npm install hexo-backlink configuration Add backlink:true in _config.y

null 8 Sep 27, 2022
An obsidian plugin that creates tomorrows daily note for preemtive planning.

Tomorrow's Daily Note An Obsidian plugin that creates tomorrows daily note for preemtive planning. Requirements Obsidian v0.12.0+. Daily notes plugin

Will Olson 12 Sep 24, 2022
Obsidian plugin to sync Pinboard.in links to Daily Notes

Obsidian Pinboard Sync An Obsidian plugin that adds links you've saved with Pinboard to your Obsidian Daily Notes, synchronizing periodically. Why? I'

Mathew Spolin 35 Dec 1, 2022
A quick capture plugin for Obsidian, all data from your daily notes.

Obsidian Memos 中文文档 A new way for you to quick capture an idea in Obsidian. Which is highly based on the awesome open source project: memos and awesom

Boninall 551 Jan 3, 2023
Like Obsidian Publish but for self-hosting. Plugin integrations for dataview, admonition, and more.

Obsidian Export Obsidian Publish is great but lacks support for many of the plugins we Obsidian addicts have grown accustomed to — in particular Datav

null 12 Nov 28, 2022
Obsidian.md plugin to sync highlights/notes from koreader

Obsidian KOReader Plugin Sync KOReader notes in your Obsidian vault. The KOReader device must be connected to the device running obsidian to let the p

Federico Granata 24 Dec 18, 2022