标签: tinymce

重置TinyMCE框

我正在使用TinyMCE编辑器.我想在我的表单上点击一些按钮,清除编辑框内的内容.

你能告诉我怎么做吗?

javascript asp.net jquery tinymce

13
推荐指数
1
解决办法
2万
查看次数

TinyMCE textarea和使用ajax发布表单

我通过AJAX将tinyMCE用于textareas和POSTing表单.

但是当我尝试保存textarea值时,它会在第一次单击时使用旧值,但它会在第二次单击时获取更新值.

我尝试过使用tinyMCE.triggerSave()但它没有用.

我也尝试过tinyMCE.get('myid').getContent(),它仍然需要旧的价值观.

我的代码如下.

    $(".submit").live("click", function () {
            tinyMCE.triggerSave();
            var f = $(this).parents("form");
            var action = f.attr("action");
            var serializedForm = f.serialize();
            //tinyMCE.triggerSave(); also tried putting here
            $.ajax({
                 type: 'POST',
                 url: action,
                 data: serializedForm,
                 async: false,
                 success: function (data, textStatus, request) {
                     $(".divform").html(data);
                 },
                 error: function (req, status, error) {
                     alert&("Error occurred!");
                 }
            });
    return false;
    });
Run Code Online (Sandbox Code Playgroud)

请帮助,任何帮助将不胜感激

ajax tinymce save

13
推荐指数
3
解决办法
3万
查看次数

tinymce:默认工具栏规范

我正在使用tinymce编辑器.我正在使用默认工具栏.我的意思是我没有指定任何额外的工具栏:

<script type="text/javascript">
    tinymce.init({
        selector: "textarea",
        height: 400,
        statusbar: false,
        menubar:false
     });
  </script>
Run Code Online (Sandbox Code Playgroud)

但是,现在我想将"font-size"和"table"工具栏添加到默认值.我能找到默认工具栏的某个地方吗?

以下是默认编辑器的外观: 在此输入图像描述

我试图通过自己创建工具栏选项,但我从来没有像默认情况下那样.所以我想找到默认的tinymce工具栏规范并添加"table"和"fontsize"选项.

tinymce

13
推荐指数
1
解决办法
7860
查看次数

TinyMCE 在键入按键后将光标返回到开始

我正在使用 TinyMCE-React,当我在 TinyMCE 编辑器中输入初始值的文本时,光标不断返回到文本的开头......

import { Editor } from "@tinymce/tinymce-react";

  const [formData, setFormData] = useState({
    title: "",
    text: "",
  });


if (post) {
  setFormData((formData) => ({
    ...formData,
    title: post.title,
    text: post.text,
  }));
}
Run Code Online (Sandbox Code Playgroud)

const { title, text } = formData;

我的职能:

const textChange = (e) => {
setFormData({ ...formData.text, text: e });   };
Run Code Online (Sandbox Code Playgroud)

我的编辑:

    <Editor
      name='text'
      initialValue={text}
      onEditorChange={(e) => textChange(e)}
    />
Run Code Online (Sandbox Code Playgroud)

我认为这是因为“setFormData”,但我不知道如何使用停留在文本末尾的常规光标编辑文本......

tinymce reactjs react-hooks

13
推荐指数
1
解决办法
3932
查看次数

TinyMCE删除站点基本URL

即时通讯使用TinyMCE Wysiwyg编辑器,当我输入链接或来自同一网站的图像时,它会删除基本网址

例如,如果我输入:http://www.domain.com/somelink.php - 我会得到 - somelink.php

任何想法如何解决?

谢谢!

tinymce

12
推荐指数
1
解决办法
7425
查看次数

Django Grappelli表格内联添加新行TinyMCE文本字段不可编辑

我正在为我的项目使用django Grappelli皮肤.

我有一个带有表格内联函数的ModelAdmin.

当页面加载时,我使用extra = 0来防止自动插入空白行.它工作正常.

现在,当我单击+号以插入新行时,将加载该行,但是tinymce文本字段不可编辑.

有谁知道是什么原因以及如何解决这个问题?

看完文件后:

http://django-grappelli.readthedocs.org/en/latest/customization.html#using-tinymce

我注意到:

由于隐藏的空格式,将TinyMCE与Inlines一起使用会有点棘手.您需要编写自定义模板并使用内联回调

onInit:从空表单中删除TinyMCE实例.

onAfterAdded:从表单初始化TinyMCE实例.

onBeforeRemoved:从表单中删除TinyMCE实例.

默认情况下不支持带有内联的TinyMCE.

有什么样的吗?我注意到我需要更改它是一个TinyMCE功能.

django tinymce django-admin django-grappelli django-tinymce

12
推荐指数
2
解决办法
2969
查看次数

Tinymce图像自动包装在<p>标签中.CSS方式或文本编辑器黑客攻击

Hiya,
我现在多次遇到这个问题使用drupal或wordpress,我的tinymce配置文件有点过于巧妙抽象.

问题是tinymce会自动将我的<img>标签包装在<p>标签中.如果在Wordpress或Drupal中有这种方法,这将是非常棒的.

当我想做这样的事情时,我的问题就存在了

<style>
    img {
        float: left;
    }
    p {
        float: right;
        margin-right: 20px;
        width: 400px;
    }
 </style>
Run Code Online (Sandbox Code Playgroud)

我希望我的代码看起来像这样

<img src="some_png.png" />
<p> Imagine a lot of lipsum text.</p>
Run Code Online (Sandbox Code Playgroud)

但是tinymce这样做

<p><img src="crap_im_wrapped_in_a_paragraph.png" /></p>
<p> Imagine a lot of lipsum text.</p>
Run Code Online (Sandbox Code Playgroud)

我试图将图像浮动到具有设定宽度的段落的左侧,而不对图像本身施加宽度限制.
在这种情况下,图像的父级然后获得宽度和向右浮动.那不是我想要的.

很可能有一个简单聪明的解决方案,但我仍然没有找到一个.如果我不需要,我宁愿不破解我的配置文件.

1警告...
存在这个问题的唯一原因是因为我希望客户能够轻松地进行自己的编辑,所以我不会让它们将图像包装成一个<div>而不是一个<p>.对于我的客户来说,这似乎是不直观的,他们是真实用户的真实用户

以前的解决方案
我一直在使用正则表达式删除段落标记,但它总是有点问题.我最终在其他地方添加了更多图像,然后我必须不断调整我的正则表达式来忽略它们.502错误比比皆是!

我的问题是(是)
我可以在CSS中使段落中包含的图像做我想做的事情吗?
如果我不能,我可以
做什么drupal或wordpress使该段消失?

- 编辑 - 解决方案需要与IE7 +和现代浏览器兼容.:P

谢谢!
亚伦

css wordpress drupal tinymce

12
推荐指数
2
解决办法
9076
查看次数

TinyMCE - 完全禁用验证

我正在使用N2CMS,后者又使用TinyMCE编辑HTML内容.

我需要做的是完全禁用TinyMCE HTML验证.

它剥离出任何不符合其设置的东西.

如果我添加自定义属性<a href="{0}" test="tester1" />,则只删除自定义属性!

此外,它总是<p>在每个HTML内容周围添加标签.

我怎样才能禁用验证?

很感谢任何形式的帮助.

tinymce n2cms

12
推荐指数
1
解决办法
9384
查看次数

动态更改tinyMce编辑器的高度

我在我的页面中使用了tinymce编辑器.我想要做的是动态更改编辑器的高度.我创建了一个函数:

function setComposeTextareaHeight()
{
    $("#compose").height(200);
}
Run Code Online (Sandbox Code Playgroud)

但那不起作用.我的textarea是

<textarea id="compose" cols="80" name="composeMailContent" style="width: 100%; height: 100%">
Run Code Online (Sandbox Code Playgroud)

我已经尝试了各种方法来改变高度,但无法达成分辨率.我有什么遗失的东西吗?

javascript jquery tinymce

12
推荐指数
4
解决办法
3万
查看次数

tinyMCE中的Wordpress短代码预览

我写了一个短代码,它的功能就像它应该的那样.现在困难的部分:

我想在tinyMCE编辑器中向用户显示预览.在编辑器中加载CSS对我来说不是问题,但我很想知道是否可以在TinyMCE中处理短代码.

谢谢!

wordpress tinymce wordpress-theming wordpress-plugin

12
推荐指数
1
解决办法
4633
查看次数