Ionaru / Ionaru/easy-markdown-editor

Bootstrap and toolbar icon for table issue

Open
#531 1 comment 1 reaction 0 assignees View on GitHub
Bug
Dominant language
JavaScript
Stars
3.1k
Forks
363
PR merge metrics
No merged PRs in 30d

Description

That was working with simpleMDE. With easyMDE, if I install the last bootstrap.min.css (v4.0.0), the "table" button in the toolbar takes the full width of the web zone, making it below, then the following icons below too.
If I remove bootstrap, it works but I don't like the fonts used, and if I remove the "table" button everything's fine too.

On mac os Monterey.
- easymde v2.18.0

showIcons: ["strikethrough","heading","heading-smaller","heading-bigger","code","quote","unordered-list","table","horizontal-rule"],
![image](https://user-images.githubusercontent.com/8350876/216250327-15e9d54f-7743-4051-b2ab-5a502843a17f.png)
If I remove the "table" tool,
showIcons: ["strikethrough","heading","heading-smaller","heading-bigger","code","quote","unordered-list","horizontal-rule"],
![image](https://user-images.githubusercontent.com/8350876/216250776-fc9b829f-c5fb-4f55-8196-6b78a8bd2cc7.png)

Probably "table" is a keyword ?

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the toolbar configuration with EasyMDE v2.18.0 and Bootstrap 4.0.0 on the reported setup, comparing it with the configuration without the table icon. Done means the table icon no longer expands to the full width or forces the following toolbar icons below while Bootstrap remains enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.