标签: html-editor

任何好的,可视的HTML5编辑器或IDE?

好吧,看起来Dreamweaver CS5会尝试使HTML5更加平滑几年(实际上是几周).好像下一个向下是正确的记事本!

任何人都知道一个好的HTML5编辑器具有视觉/预览/风格倾向?

Eclipse有一些插件吗?

(看起来市场很快就会乞求它.)

谢谢

...顺便说说.我知道'没有浏览器支持'......'还没完成'等等.这对我们来说不是问题.我们正在进行Safari Only网站和iPhone iAd唯一的制作......所以我们知道在我们的实现中有什么用.(我们主要在Windows上)

ide html5 editor html-editor

116
推荐指数
5
解决办法
19万
查看次数

默认情况下让Eclipse在文本编辑器中打开.html?

Eclipse Juno不断在嵌入式Web浏览器中打开我的HTML文件,而不是在嵌入式语法高亮编辑器中打开.

我安装了:

  • 网页编辑器
  • Eclipse Web开发人员工具
  • PyDev for Eclipse

具体请参阅我的安装应用程序的屏幕截图

我需要它使用Django模板+任何其他Python模板与HTML +普通HTML + JS文件.

如何找到此编辑器,并将其选为默认值?

eclipse django-templates html-editor default-parameters eclipse-juno

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

简单的PHP文本文件编辑器

我为客户开发了一个站点,他希望能够在后端类型的解决方案中编辑主页的一小部分.所以作为一个解决方案,我想添加一个非常基本的编辑器(domain.com/backend/editor.php),当你访问它时,它将有一个包含代码和保存按钮的文本字段.它将编辑的代码将设置为TXT文件.

我认为这样的东西很容易在PHP中编码,但谷歌这次没有帮助我所以我希望这里可能有人会指出我正确的方向.请注意,我没有PHP编程经验,只有HTML和基本的javascript,所以请在您提供的任何回复中彻底.

php editor backend html-editor

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

如何在adobe-bracket中创建一个新项目?

我开始使用adobe-bracket编辑JavaScript,HTML和CSS.

目前,我已经在侧栏中打开了"入门"项目.我想创建一个新项目,但文件菜单中没有这样的"新建项目"项.

我尝试点击"项目设置",但这只是给了我:

入门项目设置

你如何摆脱默认的"入门"项目,并开始一个全新的项目?

editor html-editor adobe-brackets

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

Eclipse html:不对某些标签进行缩进

出于某种原因,Eclipse似乎认为eg <div><td>tags不是值得缩进的.

Ctrl + Shift + F缩进以下HTML:

<div>
<div>
<table>
    <tr>
        <td>test<br />
        test2
        <h1>test 2</h1>
        <div>testing<br />
        test2</div>
        <table>
            <tr>
                <td>
                <h1>again</h1>
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

任何人都知道如何关闭此逻辑(我希望所有标签缩进!),或自定义它?

html eclipse editor indentation html-editor

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

Angular7 的 HTML 编辑器

我正在寻找嵌入 Angular7 项目的 HTML 编辑器。编辑器的用户将创建非常简单的网页或对更复杂的页面进行小的编辑。我最初认为 WYSISYG 编辑器可能会解决问题,但我发现它们不太适合对源 HTML 进行编辑。有人有建议吗?

这是我迄今为止考虑过的清单:

  1. CKEditor5 - 真正的富文本编辑器。不提供查看/编辑源 HTML 的功能。
  2. CKEditor4 - 确实提供了编辑源 HTML 的能力,但似乎不适合编辑网页。
  3. Froala - 看起来很不错,但不是开源的。
  4. Summernote(和一个打字稿端口)——这个看起来很完美。一直无法找到在 Angular 中设置它的文档,并且打字稿库没有任何文档。如果有人有设置这个的经验,解释会很棒!
  5. AngularEditor - 我目前有这个设置并在我的项目中工作。编辑网页似乎没问题。我最大的问题是我插入到编辑器中的一些 HTML 在渲染时不会留在编辑器中。样式离开编辑器窗口,主页上的其他元素被改变。

任何我可能忽略的建议?

html-editor typescript summernote angular

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

UIWebView与contentEditable(html编辑),第一响应者处理?

我正在为一个应用程序制作一个html编辑器组件(在iOS 5.0中使用带有contentEditable的UIWebView),并且陷入了如何处理UIWebView第一响应者状态

[webView isFirstResponder],[webView becomeFirstResponder]和[webView resignFirstResponder]似乎不起作用,我不知道如何让webView成为或通过代码辞职

如果有人知道如何解决这个问题,我将非常感激,提前谢谢!

html contenteditable uiwebview first-responder html-editor

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

在iframe内部更改的下拉列表中的当前光标位置插入文本

我使用的是Microsoft ajax-toolkit提供的文本编辑器.
iframe在浏览器上呈现.我在该编辑器中添加了一个下拉列表,我希望当用户更改下拉索引时,应在编辑器当前光标位置添加该值.

我在SO上得到了一个代码,它给出了编辑器当前所选文本如下

function getIframeSelectionText(iframe) {
        var win = iframe.contentWindow;
        var doc = iframe.contentDocument || win.document;

        if (win.getSelection) {
            return win.getSelection().toString();

        } else if (doc.selection && doc.selection.createRange) {
            return doc.selection.createRange().text;
        }
 }
Run Code Online (Sandbox Code Playgroud)

但我想在当前位置添加一些文字.html呈现如下

<td class="ajax__htmleditor_editor_editpanel"><div id="Editor1_ctl02" style="height:100%;width:100%;">
            <iframe id="Editor1_ctl02_ctl00" name="Editor1_ctl02_ctl00" marginheight="0" marginwidth="0" frameborder="0" style="height:100%;width:100%;display:none;border-width:0px;">

            </iframe><textarea id="Editor1_ctl02_ctl01" class="ajax__htmleditor_htmlpanel_default" style="height:100%;width:100%;display:none;"></textarea><iframe id="Editor1_ctl02_ctl02" name="Editor1_ctl02_ctl02" marginheight="0" marginwidth="0" frameborder="0" style="height:100%;width:100%;display:none;border-width:0px;">

            </iframe>
        </div></td>
Run Code Online (Sandbox Code Playgroud)

我正在尝试如下

$("#imgDropdown").change(function () {
            //var iframeBody =    $(window.Editor1_ctl02_ctl00.document.getElementsByTagName("body")[0]);
            var iframe = document.getElementById("Editor1_ctl02_ctl00");
            $("#Editor1_ctl02_ctl00").find("body").insertAtCaret("value");
            //alert(getIframeSelectionText(iframe));
        });
Run Code Online (Sandbox Code Playgroud)

插入文本的功能不起作用iframe如下

$.fn.extend({
        insertAtCaret: function …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery html-editor

11
推荐指数
1
解决办法
1586
查看次数

哪个WYSIWYG编辑器最适合内容管理网站?

我需要的编辑器需要易于使用.即使对于完全没有HTML知识的人也是如此

我尝试的项目是:

  1. TinyMCE的
  2. ckeditor.com

我正在寻找的是:

  1. 像TinyMCE编辑器这样的编辑器,具有类似stackoverflow站点的实时视图.
  2. 一种插入图片的方法,并将其排列在文章中.

编辑:我现在考虑的最好的解决方案是使用:

  1. TinyMCE for WYSIWYG编辑器.

  2. 编写自定义代码,以实际文章格式显示它.

  3. 编写将图片上传到网站的Ajax代码,然后编辑可以根据他们的ID /名称在文章中安排它们.

您如何看待解决方案?也许你有更好的主意?

wysiwyg html-editor

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

ExtJS:向htmleditor添加按钮

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

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

感谢您的关注

extjs html-editor

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