Yêu cầu thg 6 18, 2018 10:45 CH 157 0 1
  • 157 0 1
+1

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

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


Đã trả lời thg 6 19, 2018 1:09 SA
Đã được chấp nhận
+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 */
}

Chia sẻ
Avatar Jimmy Nguyen @minhtuancnttk39
thg 6 19, 2018 7:05 SA

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 ạ?

thg 6 19, 2018 8:37 SA

@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.

Avatar Jimmy Nguyen @minhtuancnttk39
thg 6 19, 2018 8:46 SA

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

thg 6 19, 2018 8:55 SA

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

Avatar Jimmy Nguyen @minhtuancnttk39
thg 6 19, 2018 9:25 SA

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

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í