如何使tinymce编辑器的高度随内容自变化(转载)

如何使tinymce编辑器的高度随内容自变化

最简单的方法就是在配置时添加Autoresize插件:

tinymce.init({ selector: "textarea", // change this value according to your HTML plugins: "autoresize"});

该插件有5个选项,可以设置最大高度、最小高度、距离底部的距离等:

tinymce.init({ ... plugins: "autoresize", autoresize_bottom_margin: 50, autoresize_max_height: 500, autoresize_min_height: 350, autoresize_on_init: true, autoresize_overflow_padding: 50});

这些选项不是必须设置,默认情况只需要设置plugins: "autoresize"即可

来源:http://www.talkwithtrend.com/Article/218661

原文地址:https://www.cnblogs.com/hao-1234-1234/p/9002285.html

时间: 2024-10-30 01:40:50

如何使tinymce编辑器的高度随内容自变化(转载)的相关文章

textarea文本域的高度随内容的变化而变化

用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码 代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 随便在这里输入内容,textarea的高度会随着你输入的内容而变化,不会出现滚动条,实现很简单,就是一段css:overflow-y:visible </textarea> 首先,原则上实现textarea自适应必须

ios 设置label的高度随着内容的变化而变化

好吧 步骤1:创建label _GeRenJianJie = [[UILabel alloc]init]; 步骤2:设置label _GeRenJianJie.textColor = RGBAColor(95, 104, 115, 1); _GeRenJianJie.numberOfLines = 0; // 需要把显示行数设置成无限制 _GeRenJianJie.font = [UIFont systemFontOfSize:16]; _GeRenJianJie.textAlignment =

iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用. 如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求.当内容是未知或者是变化的时候.这个时候又有几种情况了. iframe内容未知,高度可预测 这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用javascript改变高度.常用的兼容代码有: function setIframeHeight(i

解决各种情况下的iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用.如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求.当内容是未知或者是变化的时候.这个时候又有几种情况了. iframe内容未知,高度可预测 这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用javascript改变高度.常用的兼容代码有: // document.domain = "caiba

Textarea高度随内容自适应地增长,无滚动条

<HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>枫芸志 » 文本框textarea高度自适应增长/伸缩</TITLE> </HEAD> <BODY> <textarea id="txtContent" rows="5&q

TinyMCE编辑器

转自:http://outofmemory.cn/code-snippet/3763/tinymce-language tinymce4发布了,比以前的更简洁更漂亮了,下载下来简单的折腾了一下,发现默认的langs目录下没有文件,可以到这里来下载需要的语言包. 下载语言包之后需要放在<your tinymce path>/js/tinymce/js/langs/目录下面. 然后再配置tinymce时指定language属性即可,例如下面的例子 1 <!DOCTYPE html> 2

商品详情页面特殊制作,获取网页的高度,collectionView根据内容的变化其高度也随着变化

商品详情页面特殊制作,获取网页的高度,collectionView根据内容的变化其高度也随着变化,首先先看下效果图: 然后我来介绍一下这个界面的总体架构,整个页面上放置一个tableView,下面的网页是tableView的footerview,中间规格所在的区域是一个cell上放置一个collectionView, 问题点1:商品规格可能有很多种,比如颜色.重量.也可能没有规格,所以中间的cell的高度是根据规格的多少而变化的,那么collectionView创建完成以后要怎么通知tableV

如何在相同的页面设置多个tinymce编辑器

如何在相同的页面设置多个tinymce编辑器 This example shows how to setup multiple editors on the same page and with different configs. 用于多功能文本框,之前同页面只能用一个tinymce编辑器,百度谷歌没结果,所以整理下代码,以供参考: <script type="text/javascript" src="./tiny_mce/tiny_mce.js">

限制div高度当内容多了溢出时显示滚动条

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> 5 <title>限制div高度,内容多了显示滚动条</title> 6 <style type="text/css"> 7 div{ border-r