私は現在、非常にクールな範囲と選択のライブラリである Rangy.js を実装しています。一部のテキストを強調表示し、強調表示にコメントを追加して保存できる関数を実装したいと考えています。デモでは、セレクションにメモを追加する方法が示されていますが、セレクションには ID のみが添付されています。
私は要素にコメントプロパティを作成するこのようなことを試みています:
highlighter.addClassApplier(rangy.createCssClassApplier("highlight", {
ignoreWhiteSpace: true,
elementTagName: "span",
elementProperties: {
comment: "",
onclick: function() {
var highlight = highlighter.getHighlightForElement(this);
$('#myModal p').text( highlight.classApplier.elementProperties.comment );
$('#myModal').modal('show');
}
}
}));
そして、テキストを強調表示すると、コメントが「comment」プロパティに保存されます。
function highlightSelectedText( event ) {
event.preventDefault();
var highlight = highlighter.highlightSelection("highlight");
$('#myModal').modal('show');
$('#save-comment').on('click', function () {
var comment = $('#comment-text');
highlight[0].classApplier.elementProperties.comment = comment.val();
});
}
ハイライトを連載するとコメントが入りません。
誰かがRangy.jsでこれまたは似たようなことを試しましたか?
事前に感謝します。