5
Icons không hiển thị với đường ray summernote
Tôi đi theo Summernote-rails chính thức để thêm soạn thảo văn bản giàu trong dự án đường ray của tôi.
hơn trong edit.html.erb thêm place_editor lớp học của tôi để text_area tôi
<%= f.text_area :text, class: "place_editor form-control col-md-7 col-xs-12", rows: "15j ,placeholder: "Text", required: "required"%>
và hơn javascript như
<script type="text/javascript">
$(function() {
$('.place_editor').summernote();
var edit = function() {
$('.click2edit').summernote({ focus: true });
};
$("#edit").click(function() {
$('.click2edit').summernote({ focus: true });
});
$("#save").click(function() {
var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
$('.click2edit').destroy();
});
// Adding Css to give border to text editor
$(".note-editor").css("border", "solid 1px #e7eaec");
});
</script>
Tất cả mọi thứ hoạt động tốt, ngoại trừ ICONS Vui lòng giúp đỡ tôi ra ngoài.
này. Đã cứu tôi 12 tiếng đập đầu. Và tôi không biết làm thế nào hay tại sao nó lại hoạt động. Một lý do khác được thêm vào lý do tại sao tôi ghét phát triển front-end. –
Rất vui khi biết rằng nó hoạt động cho bạn. –
không nhất thiết. Nếu bạn tải xuống các tệp phông chữ mùa hè và liên kết chúng với tệp summernote.css, nó sẽ hoạt động cục bộ. –