2016-03-28 22 views
1

Bu yüzden, 'mybutton' işlevini aşağıdaki kodda, içeriği bir açılır kutudaki bir dosyaya kaydetmeyi isteyen başka bir kodla değiştirmeye çalışıyorum. mybutton, kullanmak istediğim şey ama bu metni "Bu benim düğmem!" kodda daha aşağıda işlevine.Tinymce - özelleştirilmiş bir javascript kaydetme düğmesi oluşturma

<script> 
tinymce.init({ 
    selector: 'textarea', 
    toolbar: 'mybutton', 
    setup: function (editor) { 
    editor.addButton('mybutton', { 
     text: 'My button', 
     icon: false, 
     onclick: function() { 
     editor.insertContent('&nbsp;<b>It\'s my button!</b>&nbsp;'); 
     } 
    }); 
    }, 
    content_css: [ 
    '//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css', 
    '//www.tinymce.com/css/codepen.min.css' 
    ] 
}); 
</script> 

aşağıda işlevi ya da ne ya document.getElement hattı ile yapacağını mybutton işlevi en değiştirmeyi uygun yolu emin değilim. Bir şekilde mybutton işini ayrı bir kod olarak kullanabilir miyim, yoksa tinilenin içinde mi olmalı? Gerçekten hiçbir fikir, herhangi bir tavsiye yardımcı olacaktır.

<script type="text/javascript"> 
function saveFileAs() { 
    if (promptFilename = prompt("Save as ADD EXTENSION", "")) { 
     var textBlob = new Blob([document.getElementById("textarea").value], {type:'text/plain'}); 
     var downloadLink = document.createElement("a"); 
     downloadLink.download = promptFilename; 
     downloadLink.innerHTML = "Download File"; 
     downloadLink.href = window.URL.createObjectURL(textBlob); 
     downloadLink.click(); 
    } 
} 

document.getElementById("mybutton").onclick = saveFileAs; 
</script> 

Umarım bu mantıklıdır, başka bir şey gerekiyorsa bildirin.

DÜZENLEME:

textarea girilen yardımcı oldu ama kaydetmez herhangi YENİ verilerinin altındaki cevap.

cevap

0

Sorunuzun bir bölümünü yanıtlamak için, sayfanın bir parçası olan TinyMCE init'teki bir işlevden herhangi bir JavaScript'i çağırabilirsiniz. Init sadece bir JavaScript nesnesidir ve sayfadaki diğer JavaScript'lerle etkileşime girebilir. saveFileAs() fonksiyonu bu yapabileceğini sayfada yüklenen olduğu varsayılırsa:

Eğer saveFileAs() yönteminde yapmaya çalıştığımız şey
tinymce.init({ 
    selector: 'textarea', 
    toolbar: 'mybutton', 
    setup: function (editor) { 
    editor.addButton('mybutton', { 
     text: 'My button', 
     icon: false, 
     onclick: function (editor) { 
     saveFileAs(editor); 
     } 
    }); 
    } 
}); 

?

+0

Çalıştığımıza şükür ama şu anda textarea'nın şu andaki içeriğini göndermesi mümkün görünmüyor, sadece orijinal olarak var olan ... – nr1

+0

TinyMCE, siz yazarken '