Asked Aug 8th, 2018 3:20 p.m. 125 0 1
  • 125 0 1
-2

Bắt sự kiện icon tabbar của markdown editor giống Viblo

Share
  • 125 0 1

Em đang sử dụng markdown cụ thể là SimpleMDE. Cho em hỏi làm sao để bắt sự kiên click vào icon ảnh để em có thể xử lý upload ảnh lên backend ạ

1 ANSWERS


Answered Aug 9th, 2018 1:11 a.m.
Accepted
+4

Bạn chỉ cần khởi tạo simplemde và cho trong hàm callback của image gọi đến modal uploadImage là ok .

var simplemde = new SimpleMDE({
	spellChecker: false,
	placeholder: 	'Markdown syntax is supported. Click  for Help' +
					'\nClick  or press "Ctrl + P" to toggle Preview mode.' +
					'\nClick  or press "F9" to toggle Side by Side Preview mode.' + 
					'\nClick  or press "F11" to toggle Fullscreen mode.' + 
					'\nClick ï„¡ or press the key as below to toggle Format Code mode.\n```\nYour code here.\n```',
	promptURLs: true,
	toolbar: [
		{ name: "bold", action: SimpleMDE.toggleBold, className: "fa fa-bold", title: "Bold", },
		{ name: "italic", action: SimpleMDE.toggleItalic, className: "fa fa-italic", title: "Italic", },
		{ name: "preview", action: SimpleMDE.togglePreview, className: "fa fa-eye no-disable", title: "Toggle Preview",},
		{ name: "side-by-side", action: SimpleMDE.toggleSideBySide, className: "fa fa-columns no-disable no-mobile",title: "Toggle Side by Side",},
		{ name: "fullscreen", action: SimpleMDE.toggleFullScreen, className: "fa fa-arrows-alt no-disable no-mobile", title: "Toggle Fullscreen",},
		{
			name: "image",
		       action: function() {
				$('#uploadImage').modal("show");
		    },
			className: "fa fa-image",
			title: "Upload Image",
		}
	]
});
Share
Avatar Hà Văn Đức @nhocbangchu95
Aug 9th, 2018 1:20 a.m.

@mih2t9x Thanks. Cảm ơn nhiều nhiều nhiều,....

-1
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.