[BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[tusharhero--- via General discussions about Org-mode.]

Remember to cover the basics, that is, what you expected to happen and
what in fact did happen.  You don't know how to make a good report?  See

     https://orgmode.org/manual/Feedback.html#Feedback

Your bug report will be posted to the Org mailing list.
------------------------------------------------------------------------

#+LATEX_HEADER: \usepackage{tikz}

\begin{tikzpicture}
\draw (0,0) circle [radius=2cm];
\end{tikzpicture}

This is the minimal document to reproduce this error. I do have some
additional org config as follows:

#+begin_src elisp
  (custom-set-variables '(org-format-latex-options
                          '(:foreground default :background default :scale
3 :html-foreground "Black" :html-background
"Transparent" :html-scale 1 :matchers
                                        ("begin" "$1" "$" "$$" "\\("
"\\["))))
  (setq org-preview-latex-default-process 'imagemagick)
#+end_src

I have already tried changing the `org-preview-latex-default-process`
file, but thats doesn't solve it.

Instead of the figure it draws the command in a latexy font.


Emacs  : GNU Emacs 29.1 (build 1, x86_64-pc-linux-gnu, GTK+ Version
3.24.38, cairo version 1.17.8)
Package: Org mode version 9.6.6 (release_9.6.6 @
/usr/share/emacs/29.1/lisp/org/)

current state:
==============
(setq
 org-link-elisp-confirm-function 'yes-or-no-p
 org-bibtex-headline-format-function #[257 "\300\x01\236A\207" [:title] 3
"\n\n(fn ENTRY)"]
 org-roam-node-display-template #("${title:*} ${tags:10}" 11 21 (face
org-tag))
 org-persist-after-read-hook '(org-element--cache-persist-after-read)
 org-format-latex-options '(:foreground default :background default :scale 3
			    :html-foreground "Black" :html-background "Transparent"
			    :html-scale 1 :matchers ("begin" "$1" "$" "$$" "\\(" "\\["))
 org-export-before-parsing-hook '(org-attach-expand-links)
 org-cycle-tab-first-hook '(org-babel-hide-result-toggle-maybe
org-babel-header-arg-expand)
 org-roam-find-file-hook '(org-roam-buffer--setup-redisplay-h
			   org-roam--register-completion-functions-h
			   org-roam--replace-roam-links-on-save-h
			   org-roam-db-autosync--setup-update-on-save-h)
 org-archive-hook '(org-attach-archive-delete-maybe)
 org-odt-format-inlinetask-function
'org-odt-format-inlinetask-default-function
 org-ascii-format-drawer-function #[771 "\x01\207" [] 4 "\n\n(fn NAME
CONTENTS WIDTH)"]
 org-cycle-hook '(org-cycle-hide-archived-subtrees org-cycle-show-empty-lines
		  org-cycle-optimize-window-after-visibility-change
		  org-cycle-display-inline-images)
 org-persist-before-read-hook '(org-element--cache-persist-before-read)
 org-mode-hook '(#[0 "\301\211\x10\207" [imenu-create-index-function
org-imenu-get-tree] 2]
		 (lambda nil
		  (setq prettify-symbols-alist
		   '(("[ ]" . "☐  ") ("[-]" . "❍  ") ("[X]" . "☑  ")))
		  )
		 ECFPAW/org-latex-yas turn-on-org-cdlatex
		 (lambda nil
		  (set (make-local-variable 'electric-pair-inhibit-predicate)
		   (list 'lambda '(c)
		    (list 'if '(char-equal c 60) t
		     (cons electric-pair-inhibit-predicate '(c)))
		    )
		   )
		  )
		 org-tempo-setup (lambda nil (org-bullets-mode 1)) org-indent-mode
		 auto-fill-mode flyspell-mode
		 #[0 "\300\301\302\303\304$\207"
		   [add-hook change-major-mode-hook org-fold-show-all append local] 5]
		 #[0 "\300\301\302\303\304$\207"
		   [add-hook change-major-mode-hook org-babel-show-result-all append local]
		   5]
		 org-babel-result-hide-spec org-babel-hide-all-hashes)
 org-babel-load-languages '((emacs-lisp . t) (python . t))
 org-roam-ref-annotation-function 'org-roam-ref-read--annotation
 org-roam-directory "/home/tusharhero/Documents/roam"
 org-latex-format-drawer-function #[514 "\207" [] 3 "\n\n(fn _ CONTENTS)"]
 org-roam-db-node-include-function #[0 "\300\207" [t] 1]
 org-latex-format-headline-function
'org-latex-format-headline-default-function
 org-confirm-shell-link-function 'yes-or-no-p
 org-html-format-drawer-function #[514 "\207" [] 3 "\n\n(fn NAME CONTENTS)"]
 outline-isearch-open-invisible-function 'outline-isearch-open-invisible
 org-odt-format-headline-function 'org-odt-format-headline-default-function
 org-protocol-protocol-alist '(("org-roam-node" :protocol "roam-node"
:function
				org-roam-protocol-open-node)
			       ("org-roam-ref" :protocol "roam-ref" :function
				org-roam-protocol-open-ref)
			       )
 org-roam-capture-preface-hook '(org-roam-dailies--override-capture-time-h
				 org-roam-capture--try-capture-to-ref-h)
 org-agenda-before-write-hook '(org-agenda-add-entry-text)
 org-capture-prepare-finalize-hook '(org-roam-capture--install-finalize-h)
 org-roam-preview-function 'org-roam-preview-default-function
 org-babel-tangle-lang-exts '(("python" . "py") ("emacs-lisp" . "el")
("elisp" . "el"))
 org-src-mode-hook '(org-src-babel-configure-edit-buffer
org-src-mode-configure-edit-buffer)
 org-roam-db-autosync-mode t
 org-confirm-elisp-link-function 'yes-or-no-p
 org-log-buffer-setup-hook '(org-roam-log--setup)
 org-roam-capture-new-node-hook '(org-roam-capture--insert-captured-ref-h)
 org-speed-command-hook '(org-speed-command-activate
org-babel-speed-command-activate)
 org-html-format-inlinetask-function
'org-html-format-inlinetask-default-function
 org-ascii-format-inlinetask-function 'org-ascii-format-inlinetask-default
 org-odt-format-drawer-function #[514 "\207" [] 3 "\n\n(fn NAME CONTENTS)"]
 org-fold-core-isearch-open-function 'org-fold--isearch-reveal
 org-preview-latex-default-process 'imagemagick
 org-latex-format-inlinetask-function
'org-latex-format-inlinetask-default-function
 org-persist-before-write-hook '(org-element--cache-persist-before-write)
 org-tab-first-hook '(org-babel-hide-result-toggle-maybe
org-babel-header-arg-expand)
 org-link-shell-confirm-function 'yes-or-no-p
 org-babel-pre-tangle-hook '(save-buffer)
 org-roam-completion-everywhere t
 org-agenda-loop-over-headlines-in-active-region nil
 org-occur-hook '(org-first-headline-recenter)
 org-roam-log-setup-hook '(org-roam--register-completion-functions-h)
 org-metadown-hook '(org-babel-pop-to-session-maybe)
 org-roam-node-annotation-function 'org-roam-node-read--annotation
 org-link-parameters '(("eww" :follow org-eww-open :store org-eww-store-link)
		       ("rmail" :follow org-rmail-open :store org-rmail-store-link)
		       ("mhe" :follow org-mhe-open :store org-mhe-store-link)
		       ("irc" :follow org-irc-visit :store org-irc-store-link :export
			org-irc-export)
		       ("info" :follow org-info-open :export org-info-export :store
			org-info-store-link :insert-description
			org-info-description-as-command)
		       ("gnus" :follow org-gnus-open :store org-gnus-store-link)
		       ("docview" :follow org-docview-open :export org-docview-export
:store
			org-docview-store-link)
		       ("bibtex" :follow org-bibtex-open :store org-bibtex-store-link)
		       ("bbdb" :follow org-bbdb-open :export org-bbdb-export :complete
			org-bbdb-complete-link :store org-bbdb-store-link)
		       ("w3m" :store org-w3m-store-link)
		       ("doi" :follow org-link-doi-open :export org-link-doi-export)
		       ("roam" :follow org-roam-link-follow-link)
		       ("attachment" :follow org-attach-follow :complete
			org-attach-complete-link)
		       ("id" :follow org-roam-id-open) ("file+sys") ("file+emacs")
		       ("shell" :follow org-link--open-shell)
		       ("news" :follow
			#[514 "\301\300\302\x04Q\x02\"\207" ["news" browse-url ":"] 6
			  "\n\n(fn URL ARG)"]
			)
		       ("mailto" :follow
			#[514 "\301\300\302\x04Q\x02\"\207" ["mailto" browse-url ":"] 6
			  "\n\n(fn URL ARG)"]
			)
		       ("https" :follow
			#[514 "\301\300\302\x04Q\x02\"\207" ["https" browse-url ":"] 6
			  "\n\n(fn URL ARG)"]
			)
		       ("http" :follow
			#[514 "\301\300\302\x04Q\x02\"\207" ["http" browse-url ":"] 6
			  "\n\n(fn URL ARG)"]
			)
		       ("ftp" :follow
			#[514 "\301\300\302\x04Q\x02\"\207" ["ftp" browse-url ":"] 6
			  "\n\n(fn URL ARG)"]
			)
		       ("help" :follow org-link--open-help :store org-link--store-help)
		       ("file" :complete org-link-complete-file)
		       ("elisp" :follow org-link--open-elisp))
 org-roam-ui-browser-function 'browse-url
 org-html-format-headline-function 'org-html-format-headline-default-function
 org-metaup-hook '(org-babel-load-in-session-maybe)
 org-return-follows-link t
 org-tab-before-tab-emulation-hook '(org-tempo-complete-tag)
 org-roam-indirect-buffer-hook '(org-roam--register-completion-functions-h)
 )

Re: [BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[Rudolf Adamkovič]

tusharhero--- via "General discussions about Org-mode."
<emacs-orgmode@gnu.org> writes:

> \begin{tikzpicture}
> \draw (0,0) circle [radius=2cm];
> \end{tikzpicture}

By default Org uses MathJax in HTML exports,
and MathJax does not implement TikZ.  But!
Org can be told to instead use LaTeX to
generate SVG or PNG for HTML exports [1].
But, but!  That does not work well without a
small pile of hacks.  But, but, but!  There
is a new LaTeX preview system in works [2],
and it fixes a lot of problems out of the
box, including yours!

Rudy

[1] https://orgmode.org/manual/Math-formatting-in-HTML-export.html
[2] https://youtu.be/n-AfvuV-bYo?si=k-5QY9MdrJXazmPv
-- 
"Programming reliably -- must be an activity of an undeniably
mathematical nature […] You see, mathematics is about thinking, and
doing mathematics is always trying to think as well as possible."
-- Edsger W. Dijkstra, 1981

Rudolf Adamkovič <salutis@me.com> [he/him]
Studenohorská 25
84103 Bratislava
Slovakia

Re: [BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[Ihor Radchenko]

Rudolf Adamkovič <salutis@me.com> writes:

> tusharhero--- via "General discussions about Org-mode."
> <emacs-orgmode@gnu.org> writes:
>
>> \begin{tikzpicture}
>> \draw (0,0) circle [radius=2cm];
>> \end{tikzpicture}
>
> ... But, but, but!  There
> is a new LaTeX preview system in works [2],
> and it fixes a lot of problems out of the
> box, including yours!

Fist, for the record...
Confirmed.

I can also confirm that TEC's feature branch does not have this bug.

On main, the bug is caused by horrible heuristics in
`org-html--latex-environment-numbered-p' and
`org-html--unlabel-latex-environment', which make a naive assumption
that \begin{foo*} is always available and codifies unnumbered version of
environment.

However, \begin{tikzpicture*} environment is not valid. Moreover,
\begin{tikzpicture} is not numbered either (just as many other
non-equation environments).

That said, I am not sure what is going on with numbering in TEC's branch
- the above two functions are left in the code, __unused__. Which
indicates that we might also have some feature regression on that branch.
Timothy, any comments?

-- 
Ihor Radchenko // yantar92,
Org mode contributor,
Learn more about Org mode at <https://orgmode.org/>.
Support Org development at <https://liberapay.com/org-mode>,
or support my work at <https://liberapay.com/yantar92>

Re: [BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[chris]

On Tuesday, September 19, 2023 10:07:07 AM UTC Ihor Radchenko wrote:
> Rudolf Adamkovič <salutis@me.com> writes:
> > tusharhero--- via "General discussions about Org-mode."
> > 
> > <emacs-orgmode@gnu.org> writes:
> >> \begin{tikzpicture}
> >> \draw (0,0) circle [radius=2cm];
> >> \end{tikzpicture}
> > 
> > ... But, but, but!  There
> > is a new LaTeX preview system in works [2],
> > and it fixes a lot of problems out of the
> > box, including yours!
> 

At some point in the past I've experimented with
https://tikzjax.com/
So I changed something somewhere in the org-mode config and it just worked, it 
was quite straightforward to do. I however probably don't have notes on how I 
did it.
I didn't insist in that direction because it wasn't working with TikZ libs, 
specifically tikzcd.
But it was really nice.
This however is implementing many TikZ libraries, I don't know if it's usable 
with org-mode, but it looks totally great, it's from Obsidian but it's on 
Github
https://github.com/artisticat1/obsidian-tikzjax
IMO this sort of solution is very nice.

> Fist, for the record...
> Confirmed.
> 
> I can also confirm that TEC's feature branch does not have this bug.

What is TEC?

> 
> On main, the bug is caused by horrible heuristics in
> `org-html--latex-environment-numbered-p' and
> `org-html--unlabel-latex-environment', which make a naive assumption
> that \begin{foo*} is always available and codifies unnumbered version of
> environment.
> 
> However, \begin{tikzpicture*} environment is not valid. Moreover,
> \begin{tikzpicture} is not numbered either (just as many other
> non-equation environments).
> 
> That said, I am not sure what is going on with numbering in TEC's branch
> - the above two functions are left in the code, __unused__. Which
> indicates that we might also have some feature regression on that branch.
> Timothy, any comments?

Re: [BUG] tikz latex figures don't render properly in the html output. [9.6.6 (release_9.6.6 @ /usr/share/emacs/29.1/lisp/org/)]

[Ihor Radchenko]

chris <inkbottle007@gmail.com> writes:

> At some point in the past I've experimented with
> https://tikzjax.com/
> So I changed something somewhere in the org-mode config and it just worked, it 
> was quite straightforward to do. I however probably don't have notes on how I 
> did it.
> I didn't insist in that direction because it wasn't working with TikZ libs, 
> specifically tikzcd.
> But it was really nice.
> This however is implementing many TikZ libraries, I don't know if it's usable 
> with org-mode, but it looks totally great, it's from Obsidian but it's on 
> Github
> https://github.com/artisticat1/obsidian-tikzjax
> IMO this sort of solution is very nice.

If you can write a tutorial that could be added to WORG, it would be
welcome.

Also, do you have any idea about the licence for https://tikzjax.com/ ?

>> I can also confirm that TEC's feature branch does not have this bug.
>
> What is TEC?

Timothy aka TECosaur - one of the Org mode contributors.
We are talking about https://orgmode.org/list/87lek2up0w.fsf@tec.tecosaur.net

-- 
Ihor Radchenko // yantar92,
Org mode contributor,
Learn more about Org mode at <https://orgmode.org/>.
Support Org development at <https://liberapay.com/org-mode>,
or support my work at <https://liberapay.com/yantar92>