首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >mce mce textarea不能在grails中正确显示

mce mce textarea不能在grails中正确显示
EN

Stack Overflow用户
提问于 2012-05-17 18:20:55
回答 5查看 1.9K关注 0票数 1

我在使用grails的“tiny mce”时遇到了问题(textarea不能正确显示)。我使用的是Eclipse Indigo,并且已经安装了带有“grails install-plugin tiny mce”的tiny-mce插件。我写的代码是:

代码语言:javascript
复制
<!doctype html>
<html>
<head><title>TinyMCE Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <tinyMce:resources />
    <tinyMce:importJs/>
</head>

<body>
        <tinyMce:renderEditor type="advanced"/>

</body>

</html>

问题是,正在显示的文本区不具有微型mce特征,即可用于格式化文本的所有好的属性/按钮。文本区域只是一个简单的html文本区域。看起来被检查的生成源代码(即右键->查看源代码)可能存在一些问题:

代码语言:javascript
复制
<!doctype html>
<html>
<head><title>TinyMCE Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>    
    <script type="text/javascript" src="/MyGrailsProject/static/plugins/tiny-mce-    3.4.9/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
     <script type="text/javascript" src="/MyGrailsProject/static/plugins/tiny-mce-3.4.9/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script><script type="text/javascript">tinyMCE.init({
                            mode : "textareas",
                            theme : "simple",
                            editor_selector : "mcesimple",
                            theme_advanced_toolbar_location : "null"
                        });tinyMCE.init({
                            mode : "textareas",
                            theme : "advanced",
                            editor_selector : "mceadvanced",
                            theme_advanced_toolbar_location : "top"
                        });</script>
</head>
<body>
<textarea class='null mceadvanced'></textarea>
</body></html>

看起来textarea类有一个空值。这是正确的吗?有人知道为什么我的文本区没有被正确渲染吗?是不是找不到tiny_mce.js文件的问题?如果是这样的话,我怎么解决这个问题呢?

向Clay致以最好的问候

EN

回答 5

Stack Overflow用户

发布于 2012-06-26 20:51:07

TinyMCE Grails Plugin不是必需的,目前已过期3个月。你可以去TinyMCE's site下载最新的版本。

解压缩他们的ZIP文件,并将tinymce\jscripts\tiny_mce文件夹复制到web-app文件夹下的Grails项目中。(在将其复制到web-app\js中时,请注意而不是,因为这是由Resources插件管理的,并且您需要在ApplicationResources.groovy中公开所有必需的静态资源。)

然后在你的.GSP中,你的页面的<head>部分会有类似这样的东西:

代码语言:javascript
复制
<g:javascript src="../tiny_mce/tiny_mce.js"/>
<r:script>
    tinyMCE.init({
        mode: "textareas",
        theme: "advanced"
    });
</r:script>
票数 1
EN

Stack Overflow用户

发布于 2013-08-27 14:45:38

让它工作的更简单的方法-在html head中包含tinymce js。

代码语言:javascript
复制
<head>
<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
        tinymce.init({selector:'textarea'});
</script>
</head>

在GSP中有一个textarea元素( 'message‘是一个字段名为'content’的命令对象)

代码语言:javascript
复制
<textarea  rows="10" name="content" >${fieldValue(bean:message,field:'content')}</textarea>

这是在Grails 2.2中测试的,而不是CDN //tinymce.cachefly.net,tinymce js文件可以以一种更简单的方式放在web-app/js目录中并包含在GSP中

票数 1
EN

Stack Overflow用户

发布于 2012-05-21 18:32:47

需要找到“tiny_mce.js”才能使编辑器工作!确保你在这里使用了正确的路径。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10633852

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档