Tag: html

任何所见即所得的富文本编辑器不使用HTML(contenteditable或designMode),一个la(新的)Google文档?

除了新的Google文档,我所见过的所有其他所见即所得的基于Web的富文本编辑器(ckeditor,tinymce,旧的Google Docs)都基于contenteditable或designMode。 我个人讨厌使用这些编辑器。 在整个体验变成挫折之前,并不需要太多格式化或复制/粘贴。 返回突然间开始获得双间隔,意想不到的格式化通过从其他HTML源粘贴引入,撤消/重做被完全破坏,格式化变得极其难以控制,等等。 我相信这是Google Docs推出更受限制的非HTML格式引擎的原因之一。 那里有没有提供类似的开源库? 提前致谢。

如何在表格行(tr)上覆盖div(或任何元素)?

我想叠加一个div(或任何可以工作的元素)在一个只有一列的表格行(tr标签)上。 我已经尝试了一些方法,似乎没有工作。 我已经在下面发布了我的当前代码。 我确实得到一个覆盖,但不是直接在行上。 我试着将覆盖顶部设置为$ divBottom.css('top'),但总是“自动”。 那么,我在正确的轨道上,还是有更好的方法呢? 你可以看到,使用jQuery是很好的。 如果我在正确的轨道上,如何正确放置div? 是偏移量在包含元素,表中的偏移量,我需要做一些math? 任何其他陷阱我会遇到这个? $(document).ready(function() { $('#lnkDoIt').click(function() { var $divBottom = $('#rowBottom'); var $divOverlay = $('#divOverlay'); var bottomTop = $divBottom.attr('offsetTop'); var bottomLeft = $divBottom.attr('offsetLeft'); var bottomWidth = $divBottom.css('width'); var bottomHeight = $divBottom.css('height'); $divOverlay.css('top', bottomTop); $divOverlay.css('left', bottomLeft); $divOverlay.css('width', bottomWidth); $divOverlay.css('height', bottomHeight); $('#info').text('Top: ' + bottomTop + ' Left: ' […]

这是一个网页或图像?

http://lcamt​​uf.coredump.cx/squirrel/ 据作者说, 这是一个图像的embedded式login页面。 你可以链接到这个URL,并获取你正在查看的HTML文件(很快将包括重要的松鼠事实); 或在您自己的松鼠主题页面上embedded与图像完全相同的URL: <a href="http://lcamtuf.coredump.cx/squirrel/">Click here!</a> <img src="http://lcamtuf.coredump.cx/squirrel/">没有涉及服务器端黑客 – 魔术发生在您的浏览器。 换句话说,如果您将该URLpopup到浏览器中,则会呈现为网页,但是您也可以使用相同的URL作为图像源。 这里有什么样的巫术在工作? (如果该网站曾经离线,请修改:上述链接的源代码 。)

是否存在像<a href="fax:number">号码</a>这样的内容?

当我们使用 <a href="tel:number">number</a> or <a href="mailto:mailid>mailid</a> 对于电话号码和电子邮件,是否存在传真的<a href="fax:number">number</a> ?

img标签显示错误的方向

我在这个链接有一个图片: http : ../../../avatars/216/2014-02-1917.13.48.jpg 正如你所看到的,这是一个正确的方向正确的图像。 但是,当我设置这个链接到我的图像标签的src属性,图像变得颠倒。 http://jsfiddle.net/7j5xJ/ <body> <img src="../../../avatars/216/2014-02-1917.13.48.jpg" width="200"/> </body> 你有什么想法是怎么回事?

面向开发人员的CSS / HTML教程/ book

我是偶尔编写CSS / HTML代码的软件开发人员。 我目前正在处理一个需要相当复杂的基于HTML / CSS的布局的应用程序,我觉得我不明白CSS / HTML布局足以实现它。 你可以推荐哪些书籍和教程来提高我的技能? PS我明白块和内联元素之间的区别是,什么花车等等,但我缺乏的是如何工作,以及如何布局任何东西在HTML / CSS的连贯画面。 PPS我曾尝试过几本书,他们有一个参考手册格式(如: http : //www.amazon.com/Pro-CSS-HTML-Design-Patterns/dp/1590598040 )或包含我已经知道的信息,例如w3schools上的大部分基础教程,大部分亚马逊虚拟书籍等,甚至更糟糕的是devise师导向。 我不需要阅读颜色等,我只需要学习如何在HTML / CSS中进行布局,就像我在Java / Swing或其他类似的框架中做的那样。

AngularJS ng-click转到另一个页面(使用Ionic框架)

理想情况下,当我点击button(在顶部的离子导航栏中),它应该把我带到另一个页面。 然而它不工作。 点击后,导航栏button全部消失。 当我使用虚拟代码,它的工作原理; 警报出现。 但是,当我将其交换到实际的代码,它无法正常工作。 我对控制器代码有一些错误的感觉,以及如何引用URL或视图。 但是使用href和ui-sref进行testing也不会产生任何结果。 Google Devt Tools(JS控制台)和Batarang也没有显示任何内容。 有人能告诉我的方式吗? 虚拟html代码 <button class="button button-icon ion-compose" ng-click="create()"></button> 虚拟控制器代码在js文件中 $scope.create = function() { alert("working"); }; 实际的HTML代码(我尝试了所有4个版本) <button class="button button-icon ion-compose" ng-click="create('tab.newpost')"></button> <button class="button button-icon ion-compose" ui-sref="tab.newpost"></button> <button class="button button-icon ion-compose" href="/tab/newpost"></button> <button class="button button-icon ion-compose" ng-click="location.path('/tab/newpost')"></button> 控制器文件(Post和Auth依赖性工作正常)。 当我尝试将URL放在.go()和function()中时,应用程序失败。 app.controller('NavCtrl', function ($scope, $location, $state, Post, Auth) […]

CORS请求 – 为什么cookies没有发送?

我有一个跨域AJAX GET获得预先成功,但cookies不附加到GET请求。 当用户点击一个loginbutton时,一个POST被logging下来,这个用户可以跨域正确的工作。 JavaScript是: $.ajax(signin_url, { type: "POST", contentType: "application/json; charset=utf-8", data: JSON.stringify(credentials), success: function(data, status, xhr) { signInSuccess(); }, error: function(xhr, status, error) { signInFailure(); }, beforeSend: function(xhr) { xhr.withCredentials = true } }); 响应标题包括一个cookie: Set-Cookie:user_token=snippysnipsnip; path=/; expires=Wed, 14-Jan-2032 16:16:49 GMT 如果login成功,将获取JavaScript GET请求以获取当前用户的详细信息: function signInSuccess() { $.ajax(current_user_url, { type: "GET", contentType: "application/json; charset=utf-8", success: […]

用c#.netparsingHTML

我试图parsing下面的HTML文件,我想获取键的值。 这是在Silverlight for Windows手机上完成的。 <HTML> <link ref="shortcut icon" href="favicon.ico"> <BODY> <script Language="JavaScript"> location.href="login.html?key=UEFu1EIsgGTgAV7guTRhsgrTQU28TImSZkYhPMLj7BChpBkvlCO11aJU2Alj4jc5" </script> <CENTER><a href="login.html?key=UEFu1EIsgGTgAV7guTRhsgrTQU28TImSZkYhPMLj7BChpBkvlCO11aJU2Alj4jc5">Welcome</a></CENTER></BODY></HTML> 任何想法是从哪里去的? 谢谢

为什么宽度:100%不工作div {display:table-cell}?

我试图垂直和水平居中一些内容覆盖图像幻灯片(flexslider)。 有一些类似的问题,但我找不到一个令人满意的解决scheme,直接适用于我的具体问题。 由于FlexSlider的限制,我不能使用position: absolute; 在我的实现img标签。 我在下面的工作几乎有解决方法。 唯一的问题是,我无法获得宽度和高度的声明,以display: table-cell属性的inner-wrapper div。 这是标准的行为,还是我错过了我的代码? 如果这是标准的行为,我的问题最好的解决scheme是什么? HTML <ul> <li> <img src="#"> <div class="outer-wrapper"> <div class="inner-wrapper"> <h1>My Title</h1> <h5>Subtitle</h5> </div> </div> </li> </ul> CSS html, body { margin: 0; padding: 0; width: 100%; height: 100%; } ul { background: #CCC; height: 100%; width: 100%; list-style-position: outside; margin: 0; padding: 0; } […]