diff --git a/src/app/editor/components/block/blocks/code-block.component.ts b/src/app/editor/components/block/blocks/code-block.component.ts index 96c90d8..ff8216e 100644 --- a/src/app/editor/components/block/blocks/code-block.component.ts +++ b/src/app/editor/components/block/blocks/code-block.component.ts @@ -9,12 +9,14 @@ import { inject, HostListener, ChangeDetectionStrategy, - ChangeDetectorRef + ChangeDetectorRef, + ViewEncapsulation } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Block, CodeProps } from '../../../core/models/block.model'; import { CodeThemeService } from '../../../services/code-theme.service'; +import hljs from 'highlight.js/lib/common'; @Component({ selector: 'app-code-block', @@ -22,6 +24,7 @@ import { CodeThemeService } from '../../../services/code-theme.service'; imports: [CommonModule, FormsModule], styleUrls: ['./code-themes.css'], changeDetection: ChangeDetectionStrategy.OnPush, + encapsulation: ViewEncapsulation.None, template: `
- @if (highlightedHtml) {
-
- } @else {
-
- {{ props.code || '' }}
-
+
+
+ @if (highlightedHtml) {
+
+ } @else {
+
+ {{ props.code || '' }}
+
+ }
+
+
+ @if (props.showLineNumbers) {
+
}
-
+