Math/Graph TinyMCE Demo

<script type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    theme_advanced_buttons1 : "asciimath,asciimathcharmap,asciisvg",
    theme_advanced_buttons2 : "",
    theme_advanced_toolbar_location : "external",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "none",
    plugins : 'safari,asciimath,asciisvg,table,inlinepopups',
  
    AScgiloc : 'http://www.imathas.com/editordemo/php/svgimg.php',                  //change me 
    ASdloc : 'http://www.imathas.com/editordemo/jscripts/tiny_mce/plugins/asciisvg/js/d.svg',  //change me     
       
    content_css : "css/content.css"
});

 

function displayTextarea()
{
document.getElementById("elm1_parent").style.display = "none";
document.getElementById("elm1").style.display = "block";
}
</script>
<!-- /TinyMCE -->
<style>
.mceExternalToolbar {
    position: fixed !important ;
    top: 28px !important;
    display:none !important;
}
</style>

<body>
<form method="post" action="output.php">
    <h3>TinyMCE Math/Graph Plugins Example</h3>

 

    <p>
        This page shows some buttons and plugins that are included in the TinyMCE core package, but is intended primarily to
        demonstrate ASCIIMath and ASCIIsvg plugins for TinyMCE.
        There are more examples on how to use TinyMCE in the <a href="http://wiki.moxiecode.com/examples/tinymce/">Wiki</a>.
    </p>

    <!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
<textarea id="elm1" name="elm1" rows="2" cols="80" style="width: 50%">
&lt;p&gt;
Include text along with math equations like &lt;span class="AM"&gt;`x=(-b+-sqrt(b^2-4ac))/(2a)`&lt;/span&gt; in your documents  
&lt;/p&gt;
&lt;p&gt;
</textarea>
   
       
    <div>
        <!-- Some integration calls: the first two seem to be having issues with asciimath plugin
        <a href="javascript:;" οnmοusedοwn="tinyMCE.get('elm1').show();">[Show]</a>
        <a href="javascript:;" οnmοusedοwn="tinyMCE.get('elm1').hide();">[Hide]</a>  -->
        <a href="javascript:;" οnmοusedοwn="alert(tinyMCE.get('elm1').getContent());">[Get contents]</a>
        <a href="javascript:;" οnmοusedοwn="alert(tinyMCE.get('elm1').selection.getContent());">[Get selected HTML]</a>
        <a href="javascript:;" οnmοusedοwn="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
        <a href="javascript:;" οnclick="show();">Show</a>
<a href="javascript:;" οnclick="displayTextarea();">displayTextarea</a>
    </div>

    <br />
    <input type="submit" name="save" value="Submit" />
    <input type="reset" name="reset" value="Reset" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/kaixin110/archive/2010/09/23/1833256.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详情:http://blog.csdn.net/spritenet/article/details/8085378 这个编辑器是我中午翻资料偶然看见的,既然有些人对他评价还可以,因此我就拿来试了试 网上的一些资料基本上都停留在2011年,而且是这个抄这个,这个抄那个,真正有用的并不多,在此我参考了以下几位同学的博客,再次谢谢各位 http://blog.csdn.net/chenloveyue/article/details/7039913 http://blog.csdn.net/salc3k/article/details/5341593 http://hi.baidu.com/honfei/item/267e3dd128d934866dce3fbe http://www.hnonl.com/jonllen/article/66.aspx?display=2 我用的版本是tinymce_3_0_8 官网上有最近版本的,但是木有汉化,而且也没找到相应的说明文档 总体说来这个Tinymce和KindEditor 配置使用起来都比较简单,而且Tinymce还提供两种定义好的模式,一个是专业版,就是所有功能都有的,一种是精简版,只有6.7个功能,当然Tinymce最大的优势在于可以很方便的调整控件,通过plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",就可以很轻松的控制要显示的功能 说说目前发现的缺点: 1.没有图片上传功能 2.没有图文混排 3.css的定义太多 4.最要命的是我居然发现没有设置字体颜色和背景颜色的控件,这让我很纳闷 图片如下: 详情:http://blog.csdn.net/spritenet/article/details/8085378

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值