[Dashboard] Add Inline Markdown Visualization #229191

mbondyra · 2025-07-23T16:23:49Z

Summary

Fixes #188910

Features

Inline editing
Editor focus persists when toggling between edit/preview
Pressing Escape while editing moves focus to Discard; pressing Escape again cancels editing
All user-defined links open in a new tab

Legacy Markdown:

Editing disabled
Tool added to convert old markdown to the new format

View Mode:

Empty Editor Mode:

Editor Mode:

Preview Mode:

Jul-28-2025.16-18-58.mp4

github-actions · 2025-07-28T13:43:37Z

🔍 Preview links for changed docs

docs/extend/plugin-list.md

csr

Code review only, src/platform/test/functional/page_objects/index.ts codeowner change LGTM. I'm very excited about this feature! 🎉

dokmic

Core changes LGTM. Although the kibana.jsonc change is unnecessary.

markov00

Code review only for owned code

dej611 · 2025-08-11T08:21:42Z

src/platform/plugins/shared/dashboard_markdown/public/components/markdown_editor.tsx

+}: MarkdownEditorProps) => {
+  const styles = useMemoCss(componentStyles);
+  const isPreview = useStateFromPublishingSubject(isPreview$);
+  const [value, onChange] = React.useState(content);


nit: add useState from the React import

elasticmachine · 2025-08-11T14:01:24Z

💚 Build Succeeded

Buildkite Build
Commit: c063060

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
`aiops`	600	602	+2
`apm`	1953	1955	+2
`canvas`	1378	1379	+1
`cases`	1132	1133	+1
`controls`	391	393	+2
`dashboard`	690	692	+2
`dashboardEnhanced`	121	123	+2
`dashboardMarkdown`	-	101	+101
`dataVisualizer`	754	756	+2
`discover`	1383	1385	+2
`discoverEnhanced`	84	85	+1
`embeddable`	107	109	+2
`embeddableAlertsTable`	513	515	+2
`embeddableEnhanced`	83	84	+1
`imageEmbeddable`	156	158	+2
`inputControlVis`	108	109	+1
`lens`	1399	1401	+2
`links`	133	135	+2
`maps`	1279	1281	+2
`ml`	2499	2501	+2
`presentationPanel`	150	153	+3
`reporting`	221	222	+1
`securitySolution`	7864	7865	+1
`slo`	1233	1235	+2
`synthetics`	1339	1341	+2
`triggersActionsUi`	965	966	+1
`urlDrilldown`	86	87	+1
`visTypeMarkdown`	87	12	-75
`visTypeVega`	566	567	+1
`visualizations`	536	538	+2
total			+73

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
`@kbn/presentation-containers`	72	75	+3
`@kbn/presentation-publishing`	225	230	+5
total			+8

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
`dashboard`	620.3KB	620.3KB	+46.0B
`dashboardMarkdown`	-	71.2KB	+71.2KB
`presentationPanel`	98.2KB	99.0KB	+803.0B
`visTypeMarkdown`	60.7KB	1.3KB	-59.5KB
total			+12.5KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
`dashboardMarkdown`	-	4.5KB	+4.5KB
`visTypeMarkdown`	8.6KB	7.8KB	-835.0B
total			+3.7KB

Unknown metric groups

API count

id	before	after	diff
`@kbn/presentation-containers`	83	88	+5
`@kbn/presentation-publishing`	269	276	+7
total			+12

async chunk count

id	before	after	diff
`dashboardMarkdown`	-	2	+2
`visTypeMarkdown`	4	2	-2
total			-0

ESLint disabled line counts

id	before	after	diff
`dashboardMarkdown`	-	3	+3

References to deprecated APIs

id	before	after	diff
`presentationPanel`	4	6	+2

Total ESLint disabled count

id	before	after	diff
`dashboardMarkdown`	-	3	+3

History

💚 Build #328183 succeeded b07f0ce
💛 Build #328064 was flaky d6ab14a
💔 Build #328035 failed a93b09c
💚 Build #326140 succeeded 1a1fcd7
💔 Build #325989 failed 27c21ed
💔 Build #325929 failed 43d6293

## Summary Fixes elastic#188910 ### Features * Inline editing * Editor focus persists when toggling between edit/preview * Pressing `Escape` while editing moves focus to **Discard**; pressing `Escape` again cancels editing * All user-defined links open in a new tab **Legacy Markdown:** * Editing disabled * Tool added to convert old markdown to the new format --- **View Mode:** <img width="757" height="471" alt="View Mode" src="https://github.com/user-attachments/assets/7e80daf1-4a58-43ff-a8fb-881e14942d49" /> **Empty Editor Mode:** <img width="755" height="466" alt="Empty Editor" src="https://github.com/user-attachments/assets/0add643f-ffad-4a35-9a97-767fc773e185" /> **Editor Mode:** <img width="754" height="462" alt="Editor Mode" src="https://github.com/user-attachments/assets/eb6ec81d-7ade-4c92-a169-64572bad185f" /> **Preview Mode:** <img width="759" height="466" alt="Preview Mode" src="https://github.com/user-attachments/assets/674a4954-fff5-4667-b700-4916822fcb2e" /> https://github.com/user-attachments/assets/71b230e9-b098-4292-a747-232ece5dcd2e --------- Co-authored-by: kibanamachine <[email protected]>

This PR updates the page https://www.elastic.co/docs/explore-analyze/visualize/text-panels to reflect the new Inline markdown editor. Relates to elastic/kibana#229191 Closes #3076 --------- Co-authored-by: florent-leborgne <[email protected]>

This PR updates the page https://www.elastic.co/docs/explore-analyze/visualize/text-panels to reflect the new Inline markdown editor. Relates to elastic/kibana#229191 Closes elastic#3076 --------- Co-authored-by: florent-leborgne <[email protected]>

mbondyra force-pushed the mk2 branch 2 times, most recently from e8e6567 to f2e43c4 Compare July 28, 2025 12:28

github-actions bot deployed to docs-preview July 28, 2025 13:43 View deployment

github-actions bot deployed to docs-preview July 28, 2025 13:56 View deployment

github-actions bot deployed to docs-preview July 28, 2025 13:58 View deployment

github-actions bot deployed to docs-preview July 28, 2025 14:03 View deployment

mbondyra changed the title ~~Mk2~~ [Dashboard] Add Inline Markdown Visualization Jul 28, 2025

mbondyra added Feature:Markdown Markdown visualization feature Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas t// backport:skip This PR does not require backporting release_note:feature Makes this part of the condensed release notes v9.2.0 labels Jul 28, 2025

github-actions bot deployed to docs-preview July 28, 2025 14:18 View deployment

github-actions bot deployed to docs-preview July 28, 2025 14:23 View deployment

mbondyra force-pushed the mk2 branch from 9d84339 to eb1000f Compare July 28, 2025 14:43

github-actions bot deployed to docs-preview July 28, 2025 14:44 View deployment

github-actions bot deployed to docs-preview July 28, 2025 14:58 View deployment

github-actions bot deployed to docs-preview July 28, 2025 15:46 View deployment

github-actions bot deployed to docs-preview July 28, 2025 16:14 View deployment

mbondyra force-pushed the mk2 branch from 6cc0e76 to c9e934a Compare July 28, 2025 21:42

github-actions bot deployed to docs-preview July 28, 2025 21:43 View deployment

github-actions bot deployed to docs-preview July 28, 2025 21:56 View deployment

mbondyra force-pushed the mk2 branch from 2c54d6c to 5eddd9e Compare July 28, 2025 22:02

github-actions bot deployed to docs-preview July 28, 2025 22:03 View deployment

mbondyra force-pushed the mk2 branch from 5eddd9e to bd85e8a Compare July 29, 2025 05:37

github-actions bot deployed to docs-preview July 29, 2025 05:38 View deployment

github-actions bot had a problem deploying to docs-preview July 29, 2025 12:26 Failure

mbondyra force-pushed the mk2 branch from ae03783 to 7cfac64 Compare July 29, 2025 12:26

github-actions bot deployed to docs-preview July 29, 2025 12:27 View deployment

mbondyra added 4 commits August 4, 2025 17:14

wip

1a1fcd7

Merge commit '5a367223bc13f87bb913e31b229a1be688ca1e5e' into mk2

533f4c7

use new eui

61bd544

Merge commit '7d8a012d213e7c1a6cb29161035a70953323e3e3' into mk2

3ae35aa

mbondyra requested review from a team as code owners August 8, 2025 15:07

add functional

0decdcc

mbondyra force-pushed the mk2 branch from 2b2d6a7 to 0decdcc Compare August 8, 2025 15:08

mbondyra added 2 commits August 8, 2025 17:57

security tests

939dbdc

tests safeness

a93b09c

mbondyra force-pushed the mk2 branch from dee92a8 to a93b09c Compare August 8, 2025 16:15

mbondyra and others added 2 commits August 8, 2025 19:35

fix eslint

d6ab14a

Merge branch 'main' into mk2

b07f0ce

csr approved these changes Aug 11, 2025

View reviewed changes

dokmic approved these changes Aug 11, 2025

View reviewed changes

Merge branch 'main' into mk2

c063060

markov00 approved these changes Aug 11, 2025

View reviewed changes

dej611 reviewed Aug 11, 2025

View reviewed changes

mbondyra merged commit 0ebacf3 into elastic:main Aug 11, 2025
13 checks passed

mbondyra deleted the mk2 branch August 11, 2025 16:31

Heenawter mentioned this pull request Aug 22, 2025

[Dashboard] Dashed borders in view mode #232671

Closed

florent-leborgne added the needs_docs label Sep 22, 2025

florent-leborgne mentioned this pull request Sep 22, 2025

[Dashboards] Inline markdown editor improvements elastic/docs-content#3076

Closed

alaudazzi mentioned this pull request Sep 29, 2025

Update text and images for inline markdown elastic/docs-content#3208

Merged

insukcho mentioned this pull request Jan 15, 2026

[Dashboard] Markdown Text lost the font size slider #249310

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[Dashboard] Add Inline Markdown Visualization #229191

[Dashboard] Add Inline Markdown Visualization #229191

Uh oh!

mbondyra commented Jul 23, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Jul 28, 2025 •

edited

Loading

Uh oh!

csr left a comment

Uh oh!

dokmic left a comment

Uh oh!

markov00 left a comment

Uh oh!

dej611 Aug 11, 2025

Uh oh!

elasticmachine commented Aug 11, 2025

API count

async chunk count

ESLint disabled line counts

References to deprecated APIs

Total ESLint disabled count

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

10 participants

[Dashboard] Add Inline Markdown Visualization #229191

[Dashboard] Add Inline Markdown Visualization #229191

Uh oh!

Conversation

mbondyra commented Jul 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Features

Uh oh!

github-actions bot commented Jul 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔍 Preview links for changed docs

Uh oh!

csr left a comment

Choose a reason for hiding this comment

Uh oh!

dokmic left a comment

Choose a reason for hiding this comment

Uh oh!

markov00 left a comment

Choose a reason for hiding this comment

Uh oh!

dej611 Aug 11, 2025

Choose a reason for hiding this comment

Uh oh!

elasticmachine commented Aug 11, 2025

💚 Build Succeeded

Metrics [docs]

Module Count

Public APIs missing comments

Async chunks

Page load bundle

API count

async chunk count

ESLint disabled line counts

References to deprecated APIs

Total ESLint disabled count

History

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

10 participants

mbondyra commented Jul 23, 2025 •

edited

Loading

github-actions bot commented Jul 28, 2025 •

edited

Loading