Headers with Special Characters

Author: Ozan Tellioglu

src/check-line.ts renamed to src/checkLine.ts

@@ -21,7 +21,7 @@ import 'prismjs/components/prism-bash.min';
 import 'prismjs/components/prism-visual-basic.min';
 
 // Check Single Line
-export const check_line: any = async (
+export const checkLine: any = async (
 	cm: CodeMirror.Editor,
 	line_number: number,
 	targetFile: TFile,
@@ -96,7 +96,11 @@ export const check_line: any = async (
 			// --> Render # Header Block
 			if (TransclusionHandler.lineIsWithHeading(line.text)) {
 				const header = TransclusionHandler.getHeader(line.text);
-				const blockHeading = cache.headings?.find((h) => h.heading === header);
+				const blockHeading = cache.headings?.find(
+					(h) =>
+						ObsidianHelpers.clearSpecialCharacters(h.heading) ===
+						ObsidianHelpers.clearSpecialCharacters(header)
+				);
 				if (blockHeading) {
 					// --> Start Num
 					let startNum = blockHeading.position.start.offset;
@@ -291,7 +295,7 @@ export const check_line: any = async (
 };
 
 // Check All Lines Function
-export const check_lines: any = (
+export const checkLines: any = (
 	cm: CodeMirror.Editor,
 	from: number,
 	to: number,
@@ -301,6 +305,6 @@ export const check_lines: any = (
 	// Last Used Line Number in Code Mirror
 	var file = ObsidianHelpers.getFileCmBelongsTo(cm, plugin.app.workspace);
 	for (let i = from; i <= to; i++) {
-		check_line(cm, i, file, plugin, changedFilePath);
+		checkLine(cm, i, file, plugin, changedFilePath);
 	}
 };

src/main.ts

@@ -1,6 +1,6 @@
 import { Plugin, TAbstractFile, TFile } from 'obsidian';
 import { ObsidianHelpers, WidgetHandler, ImageHandler, WikiMarkdownHandler } from './utils';
-import { check_line, check_lines } from './check-line';
+import { checkLine, checkLines } from './checkLine';
 import { OzanImagePluginSettingsTab } from './settings';
 import { WYSIWYG_Style } from './constants';
 import { OzanImagePluginSettings, DEFAULT_SETTINGS } from './settings';
@@ -167,15 +167,15 @@ export default class OzanImagePlugin extends Plugin {
 
 	// Line Edit Changes
 	codemirrorLineChanges = (cm: any, change: any) => {
-		check_lines(cm, change.from.line, change.from.line + change.text.length - 1, this);
+		checkLines(cm, change.from.line, change.from.line + change.text.length - 1, this);
 	};
 
 	// Only Triggered during initial Load
 	handleInitialLoad = (cm: CodeMirror.Editor) => {
 		var lastLine = cm.lastLine();
 		var file = ObsidianHelpers.getFileCmBelongsTo(cm, this.app.workspace);
 		for (let i = 0; i < lastLine + 1; i++) {
-			check_line(cm, i, file, this);
+			checkLine(cm, i, file, this);
 		}
 	};
 
@@ -205,7 +205,7 @@ export default class OzanImagePlugin extends Plugin {
 					WidgetHandler.clearTransclusionWidgets(line);
 				}
 			} else {
-				check_lines(cm, 0, cm.lastLine(), this);
+				checkLines(cm, 0, cm.lastLine(), this);
 			}
 		});
 	};
@@ -225,7 +225,7 @@ export default class OzanImagePlugin extends Plugin {
 		if (!ImageHandler.is_an_image(file.path)) return;
 		this.app.workspace.iterateCodeMirrors((cm) => {
 			var lastLine = cm.lastLine();
-			check_lines(cm, 0, lastLine, this, file.path);
+			checkLines(cm, 0, lastLine, this, file.path);
 		});
 	};
 

src/utils.ts

@@ -281,6 +281,10 @@ export class ObsidianHelpers {
 	static openInternalLink = (event: MouseEvent, link: string, app: App) => {
 		app.workspace.openLinkText(link, '/', Keymap.isModifier(event, 'Mod') || 1 === event.button);
 	};
+
+	static clearSpecialCharacters = (str: string) => {
+		return str.replace(/\s|[0-9_]|\W|[#$%^&*()]/g, '');
+	};
 }
 
 // --> Line Id Regex ![[hello#^f76b62]]