时间上的按键,我试图显示内容的预览
Tinymce on keypress I am try to display the preview of the content
我正在尝试下面的代码
$('textarea.tinymce').keypress(function(){
dealDescription = $('textarea.tinymce').tinymce().execCommand('mcePreview');
$("#deal_preview div").text(dealDescription);
});
但我不使用jquery tinymce编辑器假设我使用jquery tinymce和其他jquery UI组件不能正常工作,所以我直接使用tinymce组件。
现在我需要在每次按键的预览框中显示内容预览
我在tinymce 4.x中使用这个
tinymce.init({
selector: "#tinymce-textarea",
setup : function(ed) {
ed.on("change", function(e){
$('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
});
ed.on("keyup", function(){
$('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
});
}
});
解释:
on("change")用于在单击工具栏图标或从菜单中选择时检测鼠标事件的变化。它也能够检测键盘事件,但只有在失去焦点后(非实时)。
on("keyup")用于检测实时键盘事件的变化
也可以在初始化之后通过获取活动编辑器来完成:
tinyMCE.activeEditor.on('keyup', function () {
// your nicely formatted code here
});
还有一个editors
数组,如果你需要,你可以迭代它。
我尝试下面的代码工作良好
tinyMCE.init({
mode : "exact",
elements : "text",
setup : function (theEditor) {
theEditor.onKeyPress.add(
function (theEditor) {
previewContent(theEditor);
}
);
},
});
function previewContent(editorObject){
var content = editorObject.getContent();
document.getElementById("previewContent").innerHTML = content;
}
相关文章:
- 显示时间的脚本
- 如何在plnkr.co上显示桌面上的图像
- 显示IIS上javascript文件(SOAP请求)的XML响应
- 使用D3.js和GeoJson在地图上显示States上的一些文本
- 如何用前导零显示时间
- 突出显示页面上嵌入的iframe中的单词
- 使用javascript显示文件名上传
- 显示基于上一个se的选择的选择选项;选择
- 如何在烛光图表中添加/显示时间框架
- 如何在页面上显示时间、日期IP和URL?更新日期:2015年2月25日
- 在条件中的几个时间行中设置自定义css效果后,从Jquery时间选择器显示时间
- 如何在ExtJs中显示网格上的线数
- 动态显示元素上的JavaScript触摸端;不要开火
- 用于显示服务器上的 javascript 时间的脚本不起作用
- 在指定时间中添加 24 小时后在网页上显示时间 x
- 在JS时间轴上以JSON文件显示时间
- 当在时间轴上显示标签时,ChartJS显示日期,但不显示时间
- Jquery幻灯片显示-时间上的初始图像
- 为什么Chartkick中的line_chart必须在日期数据上显示时间
- 时间上的按键,我试图显示内容的预览