jquery_markitup_textarea_init_with_markdown_settings.ts

1import * as $ from 'jquery';
2// Ensure markitup is loaded. In a TS environment, this usually requires 
3// importing the plugin and its settings (e.g., markdown or html).
4import 'markitup'; 
5import './markitup/sets/markdown/set.js'; 
6
7// Define the settings interface if types are not available via @types/markitup
8interface MarkItUpSettings {
9    markupSet: Array<{
10        name?: string;
11        key?: string;
12        openWith?: string;
13        closeWith?: string;
14        replaceWith?: string;
15        placeHolder?: string;
16    }>;
17}
18
19// Access the settings from the imported set
20declare var mySettings: MarkItUpSettings;
21
22$(document).ready(() => {
23    // Basic initialization of markItUp! on a textarea with ID 'markItUp'
24    $('#markItUp').markItUp(mySettings);
25});