0
我有以下工作在正常的文本区域,一旦textarea变成CKEditor实例,它不再起作用我承担CKEditor的dyanmic创建,所以有可能为了达成这个?Ckeditor拖放txt文件
<textarea id="drop_zone">Drop files here</textarea>
<script>
CKEDITOR.replace('editor1');
</script>
<script>
function handleFileSelect(evt) {
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files; // FileList object.
var reader = new FileReader();
reader.onload = function(event) {
document.getElementById('drop_zone').value = event.target.result;
}
reader.readAsText(files[0],"UTF-8");
}
function handleDragOver(evt) {
evt.stopPropagation();
evt.preventDefault();
evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
}
// Setup the dnd listeners.
var dropZone = document.getElementById('drop_zone');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', handleFileSelect, false);
</script>
这个作品非常出色谢谢你,但是我的一些文件有德文字符。我认为UTF-8会避免这种情况。他们被放置在ckeditor as – Philwn
@Philwn可能重复http://stackoverflow.com/questions/30443080/javascript-filereader-readastext-function-not-understaning-utf-8-encoding-charac?lq=1 – oleq