如何操作ckeditor的编辑框?

时间:2016-04-29 03:46:55

标签: javascript jquery html dom ckeditor

我已经给公司一项任务,我正在努力使用ckeditor进行文件上传。我设法下载完整的ckeditor包,但它没有上传插件。所以我要做的是为我的上传编写一个单独的按钮。但是我无法操纵或转到ckeditor编辑框。但是当我将图像附加到body / document.body时它会附加吗?有人可以帮我这个吗?这是我的代码:

使用Javascript:

function yow()

{

  var thiss = document.getElementById("myfile");
  var t = document.getElementById("t");
  t.value=window.URL.createObjectURL(thiss.files[0]);
  alert(t.value);
  var mydiv = document.getElementById("editor");
  var imgTag = document.createElement('img');
  imgTag.setAttribute('src',t.value);
  mydiv.appendChild(imgTag);

}     

HTML:

 <main>
    <div id="editor">

    </div>

    <img id="blah" alt="your image" width="100" height="100" /><br/>

    <input type="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])" id="myfile"/><br/>

    <input type="button" onclick="yow();" value="Click Me!"/>   <br/>
    <input type="text" id="t" />

</main>

<script>
    initSample();
</script>

0 个答案:

没有答案