Yêu cầu thg 8 8, 2018 3:20 CH 109 0 1
  • 109 0 1
-2

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

Chia sẻ
  • 109 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 CÂU TRẢ LỜI


Đã trả lời thg 8 9, 2018 1:11 SA
Đã được chấp nhận
+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",
		}
	]
});
Chia sẻ
Avatar Hà Văn Đức @nhocbangchu95
thg 8 9, 2018 1:20 SA

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

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí