# Have Live Preview while editing a callout (Edit callouts progressively and maintain live preview of items not being edited) **URL:** \ **Category:** Feature requests\ **Tags:** valuable, ui-ux, callouts, live-preview\ **Created:** [June 24, 2024, 12:23pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231 "2024-06-24T12:23:24Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![giano](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/g/f05b48/32.png) [@giano](https://forum.obsidian.md/u/giano)\ **Post date:** [June 24, 2024, 12:23pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/1 "2024-06-24T12:23:24Z")
I want to share a thought about a thing that I really find annoying using Obsidian. I usually use Callouts to gather parts of my notes, and each time I edit them the layout in Live Preview messes out, showing the code like Source Mode. I thing a Live Preview editing mode would really increase the overall experience using Callouts especially where inside the the are links, attached files or images, or even when multiple callouts are concatenated. I mean it should work like the new table editor or code block, where layout remains during editing. * * * ### Use case or problem Callouts in “edit mode” shows all the text as in “source mode” ### Proposed solution Editing Callouts should maintain the UI as in “Live preview” * * * ![WLWeizll](https://forum.obsidian.md/uploads/default/original/3X/c/3/c35d8f7df9c579830ab7878926276dbf22d38b7c.jpeg) ![CulSkLpy](https://forum.obsidian.md/uploads/default/original/3X/6/1/618e0964b9c74c6ff46750caedbf4b6d8ae710f0.jpeg) ![1hdaZSx3](https://forum.obsidian.md/uploads/default/original/3X/f/a/fa37647567c16259d1a7ece1cfaf0ef780c19acb.png) ![qCBXhe6w](https://forum.obsidian.md/uploads/default/original/3X/0/8/082058cbf7898d1b7f7b77236e00a775dbe9f811.png) ---
**Author:** ![jw123](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/j/8dc957/32.png) [@jw123](https://forum.obsidian.md/u/jw123)\ **Post date:** [July 6, 2024, 8:33pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/2 "2024-07-06T20:33:56Z")
I totally agree. I have posted a similar feature request here: [Live Preview: Make HTML renderings editable](https://forum.obsidian.md/t/live-preview-make-html-renderings-editable/84107). If one wants to only edit the content of the callout, a switch back to the source mode is not necessary. Only use source mode for the most nested callout block the cursor is currently in. Editing ‘callout block structure’ could be done similar to lists, via tabbing. At least making this behaviour optional, would be much appreciated. ---
**Author:** ![mattmaiorana](https://forum.obsidian.md/user_avatar/forum.obsidian.md/mattmaiorana/32/53470_2.png) [@mattmaiorana](https://forum.obsidian.md/u/mattmaiorana)\ **Post date:** [September 11, 2024, 7:14pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/3 "2024-09-11T19:14:42Z")
I’m having the same issue right now. Would love to be able to edit callouts like any other text/lists/etc. There’s already a “edit this block” button on them. I can use that if I want to see the markdown. ---
**Author:** ![Graywaren](https://forum.obsidian.md/user_avatar/forum.obsidian.md/graywaren/32/71087_2.png) [@Graywaren](https://forum.obsidian.md/u/Graywaren)\ **Post date:** [October 3, 2024, 11:23pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/4 "2024-10-03T23:23:42Z")
Same. I absolutely hate trying to edit a callout because clicking on it suddenly means all the coding expands, all of it is highlight and i have to scroll and click where i wanted the cursor to be again and if i want to put a bunch of code in there like html or am using a plug in to make columns with callouts… I have to scroll through it all, and it’s such a pain. It also interferes with certain things like toggles and text box inputs, such as with the meta bind plug in, where I can’t click them in editing without it opening the entire callout source. Please just let us be able to edit it like other things and only show the code if we hit the source button. ---
**Author:** ![Obsimilio](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/o/c4cdca/32.png) [@Obsimilio](https://forum.obsidian.md/u/Obsimilio)\ **Post date:** [November 27, 2024, 2:42pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/5 "2024-11-27T14:42:43Z")
I would love to have that too. There’s a few missing features in Obsidian like easy callout editing that stops it from completely dominating the market. Developers team if you can make this happen it would be 🔥 ---
**Author:** ![david910](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/d/6a8cbe/32.png) [@david910](https://forum.obsidian.md/u/david910)\ **Post date:** [May 18, 2024, 10:18pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/6 "2024-05-18T22:18:53Z")
I would like to propose an enhancement of the existing Table editing feature added with 1.5.3 update. ### Use case or problem At the moment it is not possible to edit table cells of any table nested inside callouts. Focusing on a table inside a callout while in live preview mode results in the source code of the parent callout to be revealed (see below). ![TableEditingCallout](https://forum.obsidian.md/uploads/default/original/3X/5/b/5b4c640432693ca31cf02f5c0a652a8c872b51e9.gif) ### Proposed solution Allow for tables nested inside callouts to be edited in the same way regular ones are. ### Current workaround (optional) Edit tables from the source code or do not use tables inside callouts. ---
**Author:** ![TonyHD](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/t/87869e/32.png) [@TonyHD](https://forum.obsidian.md/u/TonyHD)\ **Post date:** [November 11, 2024, 1:15am UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/7 "2024-11-11T01:15:49Z")
Ran into this problem a few times. It’s annoying but I think the fix won’t be trivial, since the callout block is being turned into source as you’re editing it, but the table inside the block is supposed to be previewed (hence the contradiction). So here’s my easy workaround: make your table nice and neat **outside** the block, then simply cut and paste it into the callout block. That is until the Obsidian team finds a way to resolve that contradiction. ---
**Author:** ![nomai](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/7bcc69/32.png) [@nomai](https://forum.obsidian.md/u/nomai)\ **Post date:** [October 8, 2022, 10:59pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/8 "2022-10-08T22:59:37Z")
### Use case or problem I often write latex math into admonitions / callouts. Whenever I do so, however, the math doesn’t render in live preview: ![image](https://forum.obsidian.md/uploads/default/original/3X/5/4/54793bfa490c3688cd4168190491479f26b17134.png) despite the fact that live preview usually displays callouts that you’re editing as if they were quote blocks, which _do_ render latex: ![image](https://forum.obsidian.md/uploads/default/original/3X/2/8/281c2fe98e505e24ccf26ee79c433c7482337c1d.png) ### Proposed solution Just have live preview treat admonition boxes the same way it treats quote boxes and render latex in them. ### Current workaround (optional) If the math is sufficiently complicated that I don’t want to deal with not being able to see a preview, I sometimes write it first as a quote block and then only add the `[!Proof]` part when I’m done. ### Related feature requests (optional) ---
**Author:** ![pyxelr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/pyxelr/32/82981_2.png) [@pyxelr](https://forum.obsidian.md/u/pyxelr)\ **Post date:** [October 9, 2022, 3:47pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/9 "2022-10-09T15:47:24Z")
Are you certain that it does not work as expected? I have just given a try to the same block of text: ```auto > [!proof] > We clearly have that $a+b=c$. and thus that $$e^{i \pi}+1=0$$. **Q.E.D.** ``` and it has been properly rendered in the Live Preview: ![2022-10-09_17-43-37](https://forum.obsidian.md/uploads/default/original/3X/f/b/fbaea946636a49226659a8edf713b3859e54c490.png) ---
**Author:** ![nomai](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/7bcc69/32.png) [@nomai](https://forum.obsidian.md/u/nomai)\ **Post date:** [October 9, 2022, 11:18pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/10 "2022-10-09T23:18:26Z")
It renders it fully and correctly in the live preview when your cursor is outside it, but _while you’re editing the admonition_ it displays in live preview basically the same way a quote block does, except for the fact that it doesn’t render the latex. ---
**Author:** ![novae](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/59ef9b/32.png) [@novae](https://forum.obsidian.md/u/novae)\ **Post date:** [December 5, 2022, 11:36am UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/11 "2022-12-05T11:36:53Z")
+1, I specifically came to the forum today to request this (I’ve been using the same workaround, too). ---
**Author:** ![LioSergent](https://forum.obsidian.md/user_avatar/forum.obsidian.md/liosergent/32/36799_2.png) [@LioSergent](https://forum.obsidian.md/u/LioSergent)\ **Post date:** [April 19, 2023, 1:59pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/12 "2023-04-19T13:59:12Z")
+1 I have the same problem ---
**Author:** ![ush](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/u/8e7dd6/32.png) [@ush](https://forum.obsidian.md/u/ush)\ **Post date:** [August 26, 2023, 5:20pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/13 "2023-08-26T17:20:18Z")
Hi all, my plugin [LaTeX-like Theorem & Equation Referencer](https://forum.obsidian.md/t/new-plugin-math-booster-turn-your-obsidian-into-latex-on-steroids/65089) (previously called “Math Booster”) will remove your headaches. Also, I wrote another plugin that focuses on this specific problem, so I will remove this feature from LaTeX-like Theorem & Equation Referencer in the near future. > **[GitHub - RyotaUshio/obsidian-math-in-callout: An Obsidian plugin to add better Live Preview...](https://github.com/RyotaUshio/obsidian-math-in-callout)** > > An Obsidian plugin to add better Live Preview support for math rendering inside callouts & blockquotes. ### Turned OFF [![](https://raw.githubusercontent.com/RyotaUshio/obsidian-math-booster/1c7b106fcfbddccdcda8451de1c21a094994b686/docs/fig/math_preview_0.png) ](https://raw.githubusercontent.com/RyotaUshio/obsidian-math-booster/1c7b106fcfbddccdcda8451de1c21a094994b686/docs/fig/math_preview_0.png) ### Turned ON [![](https://raw.githubusercontent.com/RyotaUshio/obsidian-math-booster/1c7b106fcfbddccdcda8451de1c21a094994b686/docs/fig/math_preview_1.png) ](https://raw.githubusercontent.com/RyotaUshio/obsidian-math-booster/1c7b106fcfbddccdcda8451de1c21a094994b686/docs/fig/math_preview_1.png) ---
**Author:** ![Mara-Li](https://forum.obsidian.md/user_avatar/forum.obsidian.md/mara-li/32/12591_2.png) [@Mara-Li](https://forum.obsidian.md/u/Mara-Li)\ **Post date:** [April 16, 2022, 8:12pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/14 "2022-04-16T20:12:39Z")
### Use case or problem As I said [here](https://forum.obsidian.md/t/image-in-callout-doesnt-appear-when-editing-in-lp/35938) callout doesn’t seem to support image when editing. But, the quote block do. Also, as some markdown clutter disappear, it quickly becomes difficult to work with image in a callout. ### Proposed solution Two solution : - Add support of image in callout when editing, maybe impossible because of the way there are embedded. - Keep completely the markdown mark as `![[]]` or `![]()` and `$$`. ### Current workaround (optional) I looking for maybe a css snippet that can help me. ### Related feature requests (optional) / ---
**Author:** ![fortserious](https://forum.obsidian.md/user_avatar/forum.obsidian.md/fortserious/32/87244_2.png) [@fortserious](https://forum.obsidian.md/u/fortserious)\ **Post date:** [November 25, 2025, 6:45pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/15 "2025-11-25T18:45:07Z")
+1, this interrupts my flow state when I’m editing a complex callout and is a blocker for using Obsidian for me. ---
**Author:** ![jay1648](https://forum.obsidian.md/user_avatar/forum.obsidian.md/jay1648/32/89091_2.png) [@jay1648](https://forum.obsidian.md/u/jay1648)\ **Post date:** [January 27, 2026, 5:18am UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/16 "2026-01-27T05:18:33Z")
+1. This missing feature has been a real setback for me in using Obsidian. ---
**Author:** ![Raygen](https://forum.obsidian.md/user_avatar/forum.obsidian.md/raygen/32/91604_2.png) [@Raygen](https://forum.obsidian.md/u/Raygen)\ **Post date:** [March 12, 2026, 2:29pm UTC](https://forum.obsidian.md/t/have-live-preview-while-editing-a-callout-edit-callouts-progressively-and-maintain-live-preview-of-items-not-being-edited/84231/17 "2026-03-12T14:29:00Z")
+1 The use of Callouts is pretty annoying right now.