Asked Jun 18th, 2018 10:45 p.m. 166 0 1
  • 166 0 1
+1

How to returns HTML from a custom parser function in Simplemde..

Share
  • 166 0 1

Mọi người cho em hỏi làm sao để custom được placeholder như hình dưới của Viblo được không ạ?

Em search google miết không ra ạ?

Em cám ơn.

1 ANSWERS


Answered Jun 19th, 2018 1:09 a.m.
Accepted
+1

Mục Configuration trong documentation có ghi rõ này em:

placeholder: Custom placeholder that should be displayed

Trong example cũng đã có code sử dụng mẫu option này rồi mà. 😦

Insert Font Awesome icon into SimpleMDE placeholder (Tip)

Dạ, e biết cái đó ạ, nhưng em không thêm được mấy cái font-awesome ấy a.

Cái placeholder đấy được render vào element .CodeMirror-placeholder, em copy icon mà em muốn hiển thị vào string placeholder. Muốn cái icon đã copy hiển thị được, em add thêm font cho cái element CodeMirror-placeholder:

.CodeMirror-placeholder {
  font-family: Arial, FontAwesome !important; /* Add FontAwesome */
}

Share
Avatar Jimmy Nguyen @minhtuancnttk39
Jun 19th, 2018 7:05 a.m.

Dạ, e biết cái đó ạ, nhưng em không thêm được mấy cái font-awesome ấy a.

A có cách gì không ạ?

0
| Reply
Share
Jun 19th, 2018 8:37 a.m.

@minhtuancnttk39 Cách làm a update lại vào trong answer rồi nha. Bonus luôn cái ảnh gif demo nữa.

+2
| Reply
Share
Avatar Jimmy Nguyen @minhtuancnttk39
Jun 19th, 2018 8:46 a.m.

Em cám ơn anh ạ... ChuChoa.. cái này là tricky khủng nhất mà e từng xem.. 😄 😄

+1
| Reply
Share
Jun 19th, 2018 8:55 a.m.

@minhtuancnttk39 Đừng quên Accept answer nhé :v

0
| Reply
Share
Avatar Jimmy Nguyen @minhtuancnttk39
Jun 19th, 2018 9:25 a.m.

Hehe... dạ a... A cũng đừng quên upvote cho e với ạ.. kiếm chác... 😄 😄

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