标签: tinymce

我有一个Angular应用程序，我正在使用它TinyMCE作为我的编辑器。
有什么方法可以为带有角度的编辑器添加自定义插件吗？我还没有在网上找到任何关于角度的例子。

我想要实现的目标是在工具栏上添加一个按钮，用于打开自定义的角度组件。我在 stackblitz 上添加了一个简单的 TinyMCE 编辑器示例。

https://stackblitz.com/edit/angular-ivy-k3nguv?file=src%2Fapp%2Fapp.component.ts

我正在使用 TinyMCE 6.0.3 并且 fontsizeselect 选项不显示。这是我的初始化：

    tinymce.init({
        selector: '#txtServiceDscr',
        menubar: false,        
        toolbar: 'fontsizeselect | forecolor'
    });

前景色选项可见，但 fontsizeselect 不可见：

...控制台中没有错误。任何想法为什么会发生这种情况？

如何在该方法中调用test()？这是可能的？

(function() {

    tinymce.create('tinymce.plugins.WrImagerPlugin', {

        init : function(editor, url) { 

            editor.addCommand('mceWrImagerLink', function() {
                //--> how can i refer to test() here?
            });
        },
        test: function () {alert('test');}
        }
    });

    tinymce.PluginManager.add('wr_imager', tinymce.plugins.WrImagerPlugin);
})();

我试图使用Selenium/Webdriver自动将一些文本插入到使用tinymce创建的文本框中

文本框不是普通的香草文本框,因此以下不起作用:

System.out.println("Finding text input element");
    WebElement element =  inputWebDriver.findElement(By.xpath("//html/body/div/form/div/div/div[2]"));  //not working
    //WebElement element = inputWebDriver.findElement(By.tagName("form"));  // not working
    //WebElement element = inputWebDriver.findElement(By.id("tinymce"));  // not working

    System.out.println("Entering something in text input");
    element.sendKeys("Test text");

喜欢用纯文本框工作正常https://code.google.com/p/selenium/wiki/GettingStarted

下面是截图如何在浏览器的元素选项卡中看到textarea元素的位置:http: //imageshack.com/a/img812/9341/1zau.png

注意:通过selenium,我无法在'embedded'html doc中找到任何元素(我得到元素未找到错误)

我发现一个python等同于上面完成,但是,仍然希望在我的java代码中完成它:

browser.execute_script("tinyMCE.activeEditor.setContent('{}')".format(testTextVar))

一个简单的问题，我正在尝试使用javascript输出一些文本，并且我想在一些文本之间添加新行。以下代码是我当前正在使用的代码：

{
                text: '1/2 + 1/2',
                value: '[one_half]...[/one_half]\n[one_half]...[/one_half]',
                onclick: function() {
                    editor.insertContent(this.value());
                },

这个输出

[one_half]...[/one_half] [one_half]...[/one_half]

我怎么做，所以我的输出文本是：

[one_half]...[/one_half]
[one_half]...[/one_half]

这是我的代码:

function OpenContentBuilder()
{

    $.post("tools/tools_builder.php", {
        _open_content_builder : 1
    }, function(data)
    {
        $("#container").html(data);

        // Go Back to Course Section List - Button
        $("#course_builder_go_back").click(function()
        {
            tinyMCE.execCommand('mceRemoveEditor ', false, 'target_builder');
            InitCourseContentList()
        });



        if (tinymce.editors.length < 1) {

            tinymce.init({
                mode : "none",
                width : 680,
                height : 300,
                selector : "textarea#target_builder",
                theme : "modern"
            });
        } else if (tinymce.editors.length > 0){
                tinyMCE.execCommand('mceAddEditor', true, 'target_builder');
        } else {
            alert("Cannot load editor!");
        }

    });

}

textarea建立在这一行:

$("#container").html(data);

为它带来的html看起来像这样:

<div>
    <textarea  id="target_builder" ></textarea>
</div> 

它第一次加载,它的工作原理.如果我点击后退按钮去页面的其他地方,然后回来(整个页面网址永远不会改变:它完成了ajax …

我正在使用此指南来设置rails中的tinymce

https://github.com/spohlenz/tinymce-rails

但我有一个小问题,每次我打开具有tinymce编辑器的页面时,附带的tinymce文本区域显示为空白我必须重新加载/刷新浏览器才能使其可用.

是否有任何提示来解决这个问题(我正在使用rails 4)谢谢.

tinymce.yml

menubar: false
toolbar:
  - styleselect | bold italic | undo redo | table
plugins:
  - table

news.html.erb

<%= tinymce_assets %>
<%= form_for @news do |f| %>
    <%= render 'common/form_errors', object: @news %>
    <p>
      <%= f.label :isi %><br>
      <%= f.text_area :isi, :class => "tinymce", :rows => 7, :cols => 50 %>
      <%= tinymce :content_css => asset_path('application.css') %>
    </p>
  <div class="form-action">
    <%= f.submit nil, :class => 'btn btn-primary' %>
  </div>
<% end %>

我无法解决这个问题:链接和取消链接按钮只是在TinyMCE编辑器中没有显示.我试图将它们与mce_buttons过滤器一起包括在内,但没有运气.

我应该在哪里看？

我刚刚在我的网站上更新了EPiServer.随着更新来了新的TinyMCE.我有一个关于如何更改格式列表内容的问题.

昨天发布了这个很好的指南(https://world.episerver.com/documentation/developer-guides/CMS/add-ons/customizing-the-tinymce-editor-v2/),它展示了如何做很多事情.但我需要知道的是如何调整格式列表的内容.例如,<h1>从format下拉列表中删除选项.

这是在JavaScript中的方法:https: //www.tinymce.com/docs/configure/editor-appearance/#menu

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  menu: {
format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}
}
});

但是我如何在TinyMCE的EPiServer C#版本中执行此操作？ toolbarSmall是我的cusom配置,它现在看起来像这样.

public void ConfigureContainer(ServiceConfigurationContext context)
{
    var toolbarsSmall = new[]
    {
        "epi-link unlink | cut copy paste pastetext pasteword searchreplace | table",
        "bold | bullist numlist hr | formatselect undo redo | | fullscreen …

我已经将tinyMCE用于我的项目.但现在我收到了以下错误

此域名未在TinyMCE Cloud中注册.开始免费试用,以发现我们的优质云服务和专业支持

谁能知道如何摆脱这个错误信息？没有使用tinyMCE的付费服务？