question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Highlight the content of passthrough block as HTML / CSS /JS

See original GitHub issue

Hi,

The plugin is already fantastic, and getting better, but I recently had to use some block passthough for some simple html where I didn’t want to use include, and I thought this could be a simple welcome enhancement to inject IntelliJ HTML syntax highlighting.

The example above is more complex that what I need to do, but I thought this a is good showcase of the feature.

++++
<details>
<summary>
</summary>

<style>
/* some css */
</style>

<script>
/* some js */
</script>

<div>
<video poster="poster.png">
  <source src="video.webm" type="video/webm">
</video>
</div>

</details>
++++

AsciiDoc Plugin Version: 0.30.9 IDE Name and Version: IntelliJ IDEA 2019.3 EAP

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
ahus1commented, Dec 8, 2019

Work started on this feature. Still need to add the configuration menu option to disable it and/or change the language injected for pass through content. Default will be HTML.

0reactions
ahus1commented, Dec 21, 2019

The latest preview-version of the plugin 0.30.22 highlights pass through content. As default it assumes this is HTML. The user can change the language in the plugin settings, or disable it by clearing the field.

image

If the pass through content contains an include macro, it will not be highlighted by the plugin. This is due to the fact that an include:[] is per se no valid HTML, and therefore the block will most likely show errors when trying to highlight it. Suggestions for future enhancement of this behavior are welcome.

This is part of the latest pre-release of the plugin is available from GitHub releases and the IntelliJ AsciiDoc EAP repository.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Click through div to underlying elements - css - Stack Overflow
Put the content you want in a div;; Put the non-clicking overlay over the entire page with a z-index higher,; make another cropped...
Read more >
pointer-events - CSS: Cascading Style Sheets - MDN Web Docs
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
Read more >
highlight.js
Syntax highlighting for the Web ... multi-language code highlighting; available for node.js; works with any markup; compatible with any js framework.
Read more >
pointer-events | CSS-Tricks
The pointer-events property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, ...
Read more >
Passthrough Blocks | Asciidoctor Docs
Using passthroughs to pass content (without substitutions) can couple your content to a specific output format, such as HTML. In these cases, you...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found