Merge pull request #185 from adam187/feature/block-styles

add ability to set up markup for bold and italic

README.md

@@ -73,6 +73,9 @@ simplemde.value("This text will appear in the editor");
   - **enabled**: If set to `true`, autosave the text. Defaults to `false`.
   - **delay**: Delay between saves, in milliseconds. Defaults to `10000` (10s).
   - **uniqueId**: You must set a unique string identifier so that SimpleMDE can autosave. Something that separates this from other instances of SimpleMDE elsewhere on your website.
+- **blockStyles**: Customize how certain buttons that style blocks of text behave.
+  - **bold** Can be set to `**` or `__`. Defaults to `**`.
+  - **italic** Can be set to `*` or `_`. Defaults to `*`.
 - **element**: The DOM element for the textarea to use. Defaults to the first textarea on the page.
 - **hideIcons**: An array of icon names to hide. Can be used to hide specific icons without completely customizing the toolbar.
 - **indentWithTabs**: If set to `false`, indent using spaces instead of tabs. Defaults to `true`.
@@ -107,6 +110,10 @@ var simplemde = new SimpleMDE({
 		uniqueId: "MyUniqueID",
 		delay: 1000,
 	},
+	blockStyles: {
+		bold: "__",
+		italic: "_"
+	},
 	element: document.getElementById("MyID"),
 	hideIcons: ["guide", "heading"],
 	indentWithTabs: false,

src/js/simplemde.js

@@ -171,7 +171,7 @@ function toggleFullScreen(editor) {
  * Action for toggling bold.
  */
 function toggleBold(editor) {
-	_toggleBlock(editor, "bold", "**");
+	_toggleBlock(editor, "bold", editor.options.blockStyles.bold);
 }
 
 
@@ -179,7 +179,7 @@ function toggleBold(editor) {
  * Action for toggling italic.
  */
 function toggleItalic(editor) {
-	_toggleBlock(editor, "italic", "*");
+	_toggleBlock(editor, "italic", editor.options.blockStyles.italic);
 }
 
 
@@ -802,6 +802,10 @@ var insertTexts = {
 	horizontalRule: ["", "\n\n-----\n\n"]
 };
 
+var blockStyles = {
+	"bold": "**",
+	"italic": "*"
+};
 
 /**
  * Interface of SimpleMDE.
@@ -878,6 +882,10 @@ function SimpleMDE(options) {
 	options.insertTexts = extend({}, insertTexts, options.insertTexts || {});
 
 
+	// Merging the blockStyles, with the given options
+	options.blockStyles = extend({}, blockStyles, options.blockStyles || {});
+
+
 	// Change unique_id to uniqueId for backwards compatibility
 	if(options.autosave != undefined && options.autosave.unique_id != undefined && options.autosave.unique_id != "")
 		options.autosave.uniqueId = options.autosave.unique_id;