标签: html-editor

ExtJS:向htmleditor添加按钮

我正在使用ExtJS,我的表格中有一个htmleditor.我想为该元素添加一个自定义按钮(例如在对齐,字体权重等所有其他按钮之后).这个按钮基本上应该在htmlfield中插入一个标准模板.作为这个模板html,按钮的行为应该是这样的

  • 切换到HTML模式(如按Source按钮时)
  • 插入一些东西
  • 切换回WYSIWYG模式(比如再次按下Source按钮)

感谢您的关注

extjs html-editor

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

有没有像stackoverflow这样的开源HTML编辑器?

我想设置我的技术博客,我想为我的博客网站安装一个好的html编辑器,它适用于代码.我发现stackoverflow的编辑器非常好,我想知道有没有像这样的开源编辑器?

html-editor

7
推荐指数
1
解决办法
2507
查看次数

动态添加tinymce到新textarea

我怎样才能做到这一点

function addTinyText(id, text){
//add textarea to DOM
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');
//init tineMCE
 tinyMCE.init({
        theme : "advanced",
        plugins : "emotions,spellchecker"
});
//add tinymce to this
tinyMCE.execCommand("mceAddControl", false, 'txt'+id);
}
Run Code Online (Sandbox Code Playgroud)

但结果每次我们有一个新的textarea + tinyMCE但内部没有文字

我错了什么?

jquery tinymce html-editor

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

JavaFX 2 BorderPane使用全空间

我只是面对一个我自己无法解决的问题.我尝试在我的BorderPane中放置一个包含TextField和HTML-Editor的vBox,但不使用完整的空间.另一个问题是,如果我收缩窗口,html编辑器与我的左选项窗口重叠.

在此输入图像描述

private void initEditor()
{
editor = new HTMLEditor();
editor.setId("editor");
editor.lookup(".top-toolbar").setDisable(true);
editor.lookup(".top-toolbar").setManaged(false);
((ToolBar) editor.lookup(".bottom-toolbar")).getItems().addAll(FXCollections.observableArrayList(((ToolBar)editor.lookup(".top-toolbar")).getItems()));

editorBox = new VBox();
TextField field = new TextField();
field.setPrefHeight(36);
field.setId("editor-title");
editorBox.setFillWidth(true);
editorBox.getChildren().addAll(field, editor);
    root.setCenter(editorBox);
}
Run Code Online (Sandbox Code Playgroud)

java user-interface javafx html-editor

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

HTML5内容列表后的可编辑段落

我使用谷歌浏览器.

我需要一个非常小的HTML编辑器,我找到了Simple Edit.非常小的编辑器,只是为了我的需要.但是......这个和许多其他使用内容可编辑的编辑器有一个共同的问题.

问题

创建一个列表(在最后一个列表项上按两次输入)后,它会创建一个新的div.我预计将创建一个新的段落标记.

链接

防止div的正确方法是什么,而是在列表后添加段落标记?

javascript jquery wysiwyg contenteditable html-editor

7
推荐指数
1
解决办法
1850
查看次数

如何在全屏模式下启动TinyMCE 4?

有没有办法在全屏模式下启动TinyMCE 4?我刚从TinyMCE 3.x升级,但它在3.x中完成的方式似乎不适用于4.x:

<head>
<script type="text/javascript" src="TinyMCE/tinymce.min.js"></script>
<script type="text/javascript">
  tinyMCE.init({
    oninit : function() {
      tinyMCE.get('editor').execCommand('mceFullScreen');
    }
  });
</script>
</head>

<body>
  <textarea id="editor"></textarea>
</body>
Run Code Online (Sandbox Code Playgroud)

有什么建议?

javascript wysiwyg tinymce html-editor tinymce-4

7
推荐指数
1
解决办法
4257
查看次数

如何在ajax html编辑器中摆脱复制和粘贴文本样式

我正在使用ajax html编辑器进行新闻描述页面.当我复制粘贴来自word或internet的东西时,它会复制该文本的样式,段落等,它克服了html编辑器文本框的默认类样式,我想要的是摆脱下面的内联样式而不是html哪个有
我要保留到款

<span id="ContentPlaceHolder1_newsDetaildesc" class="newsDetails"><span style="font-family: arial, helvetica, sans; font-size: 11px; line-height: 14px; color: #000000; "><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<BR /> It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in …
Run Code Online (Sandbox Code Playgroud)

html css asp.net html-editor

6
推荐指数
1
解决办法
8395
查看次数

javafx HTMLEditor滚动窗格在Space Key上滚动

我在ScrollPane中有一个VBox,它包含一个HTMLEditor和其他东西.

当我每次点击空格键时在HTMLEditor中键入文本时,我按预期在编辑器中得到一个空格,但Scrollpane也向下滚动.首先,我通过向Scrollpane添加EventFilter并使用KEY_PRESSED事件来解决这个问题.但现在我需要HTMLEditor中的这个事件.

所以我的问题是:是否有任何标志告诉Scrollpane不要在KeyCode.SPACE上滚动,或者有没有办法将输入焦点/关键事件仅路由到HTMLEditor,绕过Scrollpane?或者只在Scrollpane上过滤此事件的方法?

你也可以使用javafx Scene Builder重现这个:

Scrollpane-> VBox(大于Scrollpane所以Scrollbars出现) - > 2*HTMLEditor,预览窗口,点击空格键.


解决:在HTMLEditor中添加了一个EventFilter,它消耗了KEY_PRESSED上的KeyCode.SPACE.

htmlEditor.addEventFilter( KeyEvent.KEY_PRESSED, new EventHandler<KeyEvent>() {
    @Override
public void handle(KeyEvent event) {

    if (event.getEventType() == KeyEvent.KEY_PRESSED){
        // Consume Event before Bubbling Phase, -> otherwise Scrollpane scrolls
        if ( event.getCode() == KeyCode.SPACE ){ 
            event.consume();
        }
    }
    }
});
Run Code Online (Sandbox Code Playgroud)

scroll javafx html-editor

6
推荐指数
1
解决办法
1187
查看次数

物业网格中的ExtJs 6 Htmleditor

我想在PropertyGrid中使用HtmlEditor,我的框架版本是ExtJS 6.0.0.640.但是,我有这个问题......

当我使用Htmleditorpropertygrid进行冲突显示时.然而,我将框架版本改为4而不是问题.

例如,以下链接和更改框架版本为6.0.1.250.你第一次看到没问题.

但是,您对列进行排序,您将看到要显示的问题.

Htmleditor到propertygrid

我的代码:

Ext.define('Draw.view.mainmap.MainMap',{
   extend: 'Ext.panel.Panel',
   xtype: 'myGrid',
   layout: 'fit',
   width: 400,
   items: [{
      title: 'property grid',
      xtype: 'propertygrid',
      source: {
         "(name)": "My Object",
         "Available" : false,
         "Version" : 0.01,
         "Description" : "A test Object"
      },
      customEditors: {
         Description: {
            xtype: 'htmleditor',   
         }
      }
   }]
});
Run Code Online (Sandbox Code Playgroud)

javascript html-editor extjs6 extjs6-classic

6
推荐指数
0
解决办法
518
查看次数

服务器端 Blazor 的 WYSIWYG HTML 编辑器

有谁知道 WYSIWYG HTML 编辑器控件,如 CKEditor 或 Syncfusion 包中与已发布的 Server Side Blazor一起使用的控件?由于它用于生产环境,因此我们甚至不知道发布日期的 Client Side Blazor 不是一种选择......我对 Blazor 很陌生,所以如果你有一个解决方案,最好是一个上面提到的控件有效,请多发三四行,这样即使是新手也能理解:)

html-editor blazor blazor-server-side

6
推荐指数
2
解决办法
3766
查看次数