2回答
我目前一直在做一个单词搜索制造者，但我发生了一个问题。问题是，我使用一个可满足的表，但如何设置最大字符串长度。我已经试过了
maxlength="1"
有人能帮忙吗！
#editor {
background-color: turquoise;
}
<table border="1" id="editor" width="500px" height="500px">
<tr>
<td contenteditable="true">&nb
浏览 2提问于2016-12-09得票数 1
回答已采纳
1回答
列宽可满足故障
、、、
只出现在firefox中。只需在一个单元格的开头添加行符，以查看发生了什么，或者看到屏幕截图。我想要的是: 1.列宽必须保持不变2.表必须只在高度上增长。
<style>
td {
white-space: pre-wrap;
word-break: break-all;
width: 200px;
}
</style>
<table border="1">
<caption>Таблица размеров обуви</caption>
<tr>
<th>Росс
浏览 1提问于2016-12-12得票数 2
回答已采纳
1回答
我有一个有td列的表，其内容可编辑=‘true’。如果对字段进行编辑，该列可能会变宽。我需要有固定的标题表的水平和垂直滚动内容。我尝试了许多固定的头插件，但没有帮助。
JSFiddle链接：
HTML：
<div id="outdiv">
<table border="1" id="billingResult" >
<thead>
<tr>
<th>Month</th>
浏览 2提问于2017-03-16得票数 0
目前，我在识别HTML/JavaScript代码中的错误时遇到了问题，这妨碍了我的JavaScript函数计算表用户输入的五个数字的平均值。
在将数字输入所需的单元格后，单击“计算等级”不会发生任何事情。挣扎着去发现问题。
var table = document.getElementById("myTable");
var rows = table.rows;
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].cells;
var sum = 0;
for (var x = 0; x
浏览 2提问于2017-02-24得票数 3
回答已采纳
在过去的三个小时里，我基本上学会了js，所以如果有任何错误，我很抱歉，但基本上"-“是用来表示没有提交作业的，而在那些单元格中，我需要将它们变成黄色，我想就是为了表明这一点。这是我的javaScript函数，用来计算这些分数的平均值，如果有人能帮忙的话，我们会非常感激的。此外，如果有人可以帮助提高这段代码的效率和一些有用的链接来学习js。非常感谢！
getAverageFunction = function()
{
var Table = document.getElementById('gradesTable');
浏览 4提问于2019-02-28得票数 0
2回答
我使用lightswitch的脚本将一个超文本标记语言表格编码成JSON string ()。问题是，当我警告结果字符串(使用JSON.stringify(data))时，JSON记录从第13列开始，然后一直到末尾，然后从第1列继续到第12列。我不明白为什么，这个脚本似乎可以在每个表上正常工作，但在我的表上却不是这样：
<div contenteditable>
<table id="input">
<tr id="start">
<th contenteditable="false">00&
浏览 2提问于2016-05-10得票数 4
<table style="width:40%; float: left">
<tr>
<th>SWG</th>
<th>Size</th>
<th>Size in MM</th>
<th>Size in INCH</th>
<th style="display:"></th>
浏览 0提问于2020-03-29得票数 0
回答已采纳
5回答
我正在尝试创建一个包含正在做作业的学生的随机表。当我按下按钮时，我想计算每个学生的平均成绩。谁能解释一下我做错了什么？
function calculate() {
var grade1 = parseFloat(document.getElementbyId('shauna1').value);
var grade2 = parseFloat(document.getElementbyId('shauna2').value);
var grade3 = parseFloat(document.getElementbyId('shauna
浏览 5提问于2018-02-22得票数 1
1回答
我用CONTENTEDITABLE属性做了一个HTML可编辑的表，每个TD都有一个ID (很长的路要走，但我今天需要它，我只知道JS基础知识)为了知道里面有什么信息，它被一个表单包装起来。在最后我有一个按钮，如果我按下它将在控制台上显示我在表单中写入的信息。所以，表单部分运行得很好。我想要的是，在我按下submit按钮的地方，它不仅获得表单数据，而且还获得写在表中的数据。我对PHP一无所知。我的主要目标是将所有数据存储在Firebase中，但首先，我想用控制台日志进行测试。当我按下submit时，它显示：“无法读取未定义的属性'value‘”。我只想在9月份显示第一个值来测试它。如果
浏览 16提问于2020-07-26得票数 0
2回答
我有一张很不寻常的桌子。我很难像这个那样返回特定元素的相对头。
该表的结构类似于以下内容：
<table border>
<tbody>
<tr>
<th></th>
<th></th>
<th colspan="3">Parameter 1</th>
<th colspan="2">Parameter 2</th>
浏览 2提问于2013-11-08得票数 2
回答已采纳
我试着在这里做一个游戏，到目前为止，我仍然在这个游戏的10%。这叫"SOS“熟悉吗？像tic tac toe，但不是"X“和"O”，而是5x5中的"S“和"O”，我将使用javascript。现在我有了一个可编辑的td
<table id="myTable" border="1" style="border-collapse: collapse; width:30%;" cellpadding="8">
<!-- 1st row --
浏览 0提问于2015-07-18得票数 0
我正在尝试创建多个包含文本的Contenteditibale div，因此当我想使用鼠标或ctrl +a选择整个文本(在所有div中)时，只使用普通的js。
body {
font-size:16px;
}
.wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
width: 100vw;
height :100%
}
.contenteditable {
width:400px;
浏览 15提问于2021-03-05得票数 0
我一直在使用jquery()插件来调整内容可编辑div中表的大小。
我希望能够从表行中调整行高的大小，但是标准设置将南方处理程序方式放置在表的底部，实际上远远低于表的实际大小。
我一直在玩CSS，试图让每个行处理程序设置在行的边框上，但是无法精确地设置，只是无法在行增长时停留在边框上。
这是密码，如果有人能帮忙的话。
$(document).ready(function(){
$('tr').resizable({
handles: "s"
});
});
table {
width: 100px;
height: 100px;
}
浏览 5提问于2017-10-10得票数 0
回答已采纳
我正在努力实现一个数独拼图。
我要做的第一步是尝试验证用户输入的是0-9之间的值。
但是我被语法和如何解决这个问题所困扰。
<table class="spuzzle">
<caption>Sudoku</caption>
<thead>
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th&g
浏览 0提问于2015-10-27得票数 1
如您所见，至少在Chrome上，contentEditable属性在textarea上似乎被忽略了。
问题A:它应该是这样工作吗？
问题C:在contentEditable上使用textarea除了证明你是个白痴之外，还有什么其他的后果吗？
问题D:为什么没有问题B？开玩笑的，我今天早餐吃了个小丑。:D
textarea { /* not relevant for the question, only for the demo */
display: block;
width: 500px;
}
<textarea contentEditable="true"
浏览 10提问于2015-08-19得票数 0
1回答
jQuery可排序，不能拖放
、、、、
所以我有以下代码：
<script>
$(document).ready(function(){
$('#sortable').sortable({});
var options = {
success: function(responseText) {
$('div.buildtable').html(responseText.data)
$("tbody").attr('id','sorting')
addButtons()
浏览 2提问于2015-08-12得票数 0
所以，作为开始，我是PHP的“新手”，所以请不要灰心。目前，我已经创建了一个表单类型的HTML，它由单选按钮文本区域/字段和一些“可内容编辑”表组成，允许用户输入监控进度等数据，并像电子表格一样工作。
除了表输入类型之外，我已经成功地在表单中插入并保存了剩余的数据，我已经用谷歌搜索了我的问题一周了，但由于找不到相关的文章，这对我没有真正的帮助。有什么建议吗伙计们？我不想仅仅为了让它工作而将其更改为文本字段类型。
myTable代码：
<div class="container">
<div class="panel panel-default&
浏览 0提问于2017-08-18得票数 0
我使用jQuery将I添加到所有需要的元素中。它无法工作，并且在控制台中显示任何错误。
我希望jQuery循环遍历我的所有.mm元素，并根据它们的订单添加id，并向它们的子.cards添加id，如下所示
JQUERY
//assigning ids codes on page load
var lists = $("body > div.mm");
$.each(lists,function( index, value ){
var cards = lists[index].children();
lists[index].
浏览 0提问于2019-01-30得票数 0
1回答
当contenteditable元素为空时，如何使contenteditable光标出现在焦点上？请参阅下面的代码和
HTML
<p>type here:
<span id="contentEditable-name"></span>
</p>
JS：
var contenteditable_el = document.getElementById('contentEditable-name');
contenteditable_el.contentEditable='true';
浏览 2提问于2016-02-02得票数 1
我想删除最后一个HTML 列，但它也要删除total。
我想保留total行，我的当前代码删除它。(i，e total => 122602)
下面是我的演示：：
$(function(){
$('#remove').click(function(){
$('#showQuotation tr').find('th:last-child, td:last-child').remove();
});
});
<link href="https://maxcdn.bootstrapcdn.com/
浏览 0提问于2018-01-20得票数 0
如何在子contentEditable div之外的contentEditable div内键入内容，而不保留子级的类，并且不将contenteditable更改为false。
<div class ="container" contenteditable="true">
<span class="meatball" contenteditable="true">meatball</span>
</div>
应该是这样：
<div class =
浏览 7提问于2014-03-24得票数 0
我对我在“小提琴”中复制的可满足的div有一个问题。问题是，当我在可内容的div之间单击并单击backspace时，div中的span标记将被删除。我在小提琴里也试过了，但效果很正常。但是当我把光标放在末尾时，它是一个接一个地删除跨度。
这行得通
<div contenteditable="true">
<span contenteditable="false">value1</span>
<span contenteditable="false">value2</span>
<s
浏览 3提问于2017-12-07得票数 0
回答已采纳
3回答
我目前使用了这个方法，它工作得很好。
但是，如何将其附加到HTML复选框onclick方法？
<table border 1>
<tr>
<td>Status</td>
<td>Priority</td>
<td>Date</td>
<td>Event</td>
<td>Updated</td>
</tr>
<tr>
<td contenteditable/>Checkbox</td>
<td c
浏览 9提问于2014-04-07得票数 0
回答已采纳
1回答
我正在创建一个键盘屏幕上的字型游戏。我一直在努力使屏幕上的键盘实际上是交互式的，并在上面的网格中输入正确的字母。(例如，如果用户单击'Q‘按钮，就会在其中一个网格框中放置Q。)
我尝试在Javascript中使用事件侦听器，但这也不起作用。我应该尝试用另一种方法来做这件事吗？
这是我的键盘代码：
<div id = "keyboard-totality" style = "position: relative; top: -100px;">
<div class = "back-space">
<
浏览 4提问于2022-04-04得票数 1
我试图在我的html表上实现Datatables jquery插件，但没有成功。我链接到CSS样式和Datatables脚本本身的Datatables CDN，同时链接到Google的托管jquery插件。我还有一个本地Javascript文件，其中包含初始化我的表上的数据表的脚本。我打开html页面，看到的是我的普通表格，就好像DataTable甚至不能工作一样。我能做错什么呢？
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.12/css/j
浏览 1提问于2016-07-21得票数 0
<div contenteditable="true">
<p contenteditable="false">1</p>
<p contenteditable="false">2</p>
<p contenteditable="false">3</p>
<p contenteditable="true">4</p>
<p contenteditable="
浏览 34提问于2017-06-21得票数 0
2回答
可以选择多个不同的html元素并用div包装它们吗？
例如：
<span contenteditable="false">The correct answer is (A) 1 to 2. </span> <span contenteditable="true" class="answers-edit"></span>
<br>
<br>
<span contenteditable="false">Choice B (2 to 3) </sp
浏览 3提问于2015-09-17得票数 0
回答已采纳
3回答
我有一个包含一些文本值的表。主要问题是，我必须首先获取它们，然后将它们转换为数组，所以我做了一个循环，检查表中的值，当我试图获取它们的内容时，它返回相同的数字。下面是一些代码示例
<table id="my-table">
<tr id="default-row">
<td class = "cell" contenteditable="true">3</td>
<td class = "cell" contenteditable="
浏览 5提问于2021-11-11得票数 0
回答已采纳
2回答
重叠内容跨度
、、
有些可内容框与其他内容框重叠，因此并非所有框都是可编辑的。我想保持文本对齐在中间的位置跨度如下。我怎样才能做到这一点？
span {
margin: auto;
text-align: center;
width: 100%;
}
<span contenteditable style="position:absolute; top: 26.8%; left:41%">●</span>
<span contenteditable style="position:absolute; top: 36.6%; left:
浏览 3提问于2017-05-09得票数 0
回答已采纳
我正在创建一个可编辑的html表，我想知道如何将多个值赋给中间带有静态单词的单个单元格，例如： 我已经有这个了： table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
} <table>
<tr
浏览 28提问于2021-10-29得票数 1
回答已采纳
对于这个例子
$("#add").click(function () {
var html = "<tr>";
html += '<td contenteditable id="data1"></td>';
html += '<td contenteditable id="data2"></td>';
html += '<td contenteditable id=
浏览 5提问于2020-02-14得票数 0
回答已采纳
我正在尝试制作一个表格，当用户单击某个值时，允许用户编辑条目，而不必使用HTML和JavaScript转到不同的区域。我基本上得到了我需要的一切，除了我不知道为什么在文本框/下拉框中单击时焦点一直消失。
有人能帮帮我吗？
function valid_number() {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
re
浏览 1提问于2014-10-09得票数 1
enter code here，我正在尝试用这样的函数在网上编辑一些东西
function toggle_editable (div, cssclass) {
var classToEdit = document.getElementsByClassName(cssclass)
for (i = 0;classToEdit.length; i++) {
if (classToEdit[i].contentEditable == false) {
classToEdit[i].contentEditable = true ;
浏览 0提问于2014-12-26得票数 1
回答已采纳
1回答
<p contenteditable="true"></p>
<p contenteditable="true"></p>
<h1 contenteditable="true"></h1>
上面的代码由单独的可内容元素组成，而不是让父元素是可内容的。
我遇到的问题是，当用户在任一可内容元素中单击Enter按钮时，它会在该标记本身中创建一个新标记。
示例
产出如下：
<p contenteditable="true">
<p>On
浏览 2提问于2017-04-02得票数 0
1回答
我有一个问题，将另一行附加到我现有的表中。
$('.vv div:first-child').on('click', function(){
$("tbody").append("<tr><td><input type="checkbox" class="selectall" /></td><td><span class="hdv dsp">Product</span><span class="
浏览 1提问于2016-10-04得票数 0
回答已采纳
1回答
我正在使用一个使用s的表来获取数据。之所以这样做，是因为它从数据库中获取信息，出于设计目的，它是这样做的。最近，我让tablesorter非常好地工作，但是我不能让它处理日期，它按一天的数目对行进行排序。我正在使用dd-MMM-yyyy格式(即。2011年10月2日至10月)我已经修改了原始代码，但它的概念几乎是相同的。我试过使用addParser()，它附带了表运营器，但我没有运气。
下面是HTML：
<table class="tablesorter">
<thead>
<tr>
<th>A</t
浏览 2提问于2013-10-21得票数 0
回答已采纳
我正在尝试创建一个带有函数的按钮，该函数将为所有的contenteditable启用或禁用<div>，但是我知道contentEditable不是一个函数，有人知道为什么吗？
function contentEditable() {
var x = document.getElementsByClassName("editable");
if ($(this).attr("contentEditable") == "true") {
console.log=(hello);
x.setA
浏览 5提问于2017-03-02得票数 0
回答已采纳
看起来应该是个简单的解决办法但是出了点问题..。
我需要有条件地删除元素中的 contenteditable属性：
<!-- first state -->
<div contenteditable="true"></div>
<!-- second state -->
<div></div>
我试过：
data() {
return {
contenteditable: true,
title: "Title",
};
},
methods
浏览 9提问于2021-10-24得票数 0
回答已采纳
3回答
行删除不起作用
、、
在我的代码中，delete工作在第一行，但下面的行不工作
html代码：
<table class="table table-striped table-bordered table-hover table-condensed tableSiteUser">
<thead>
<tr>
<th>#</th>
<th>User</th>
<th>Channel</th>
浏览 11提问于2015-05-22得票数 2
回答已采纳
1回答
假设我有一个HTML表，其中：
包含可编辑cellsRowspans的
在内容可编辑单元格中，可以在键盘上按下“Enter”键，如果我想让用户只输入单行数据，这是没有任何意义的。
我想要的是，当用户按下可编辑单元格上的enter按钮时，它应该集中在最近的可编辑单元格(右/下)上，以便进行新的输入。
我该如何解决这个问题？
<table>
<tr>
<th>Data 1</th>
<th>Data 2</th>
<th>Data 3</th>
浏览 2提问于2019-11-28得票数 2
回答已采纳
如果不允许值，htmlpurifier将删除属性。例如；
<div contenteditable="true"></div>
我为contenteditable属性设置了div标记的权限，因此该值只能是false。但是，如果contenteditable="true"或false以外的任何东西，htmlpurifier将完全删除该属性。我不喜欢这种行为。我希望htmlpurifier始终保留contenteditable属性，并将其设置为false。
这有可能吗？
实参
$config = \HTMLPurifier_Config::c
浏览 0提问于2018-10-28得票数 2
回答已采纳
如何在可内容div中的第一行文本之后插入换行符(换行)，以便在对元素进行聚焦时，插入符号位于下一行的开头？
此外，至少火狐和Chrome在点击Enter (返回)后将现有内容和添加的文本包装在子div中，从而消除了插入的<br>。
div{border:solid 1px black;}
.b {
white-space: pre-wrap;
height: 3em;
}
<div class="b" contenteditable>nothing</div>
<div class="b" contented
浏览 6提问于2021-12-10得票数 0
除了基本的之外，MDN的contenteditable="true"还在其浏览器兼容性列表中提到了以下实验特性
contenteditable="caret"
contenteditable="events"
contenteditable="plaintext-only"
contenteditable="typing"
是否有任何文档可以解释这些文件是干什么的？
浏览 13提问于2022-09-02得票数 1
回答已采纳
我有一些这样的div：
<div id="op" contentEditable="true">hello<div class="dynamic">......sth
</div> <div class="dynamic"> ...sth
</div> .......<div class="dynamic"> </div>.. <div class="dynamic"> </div>..<
浏览 1提问于2013-07-17得票数 0
回答已采纳
不能运行求和这段代码不工作的表如何修复？
PHP MYSQL、JAVASCRIPT
<td contenteditable="true" class="price"> </td>
<td contenteditable="true" class="price"> </td>
<td contenteditable="true" class="price"> </td>
<td contenteditable="tr
浏览 2提问于2019-05-24得票数 0
我有一个HTML表，我想在表的标题字段中显示从特定日期开始的一周的日期。下面是我的表格：
<table Id="timeTable" class="table table-bordered">
<thead>
<tr>
<th>Projects</th>
<th id="mon" style="width:100px"></th>
<th id="tue" s
浏览 0提问于2018-01-07得票数 0
我正在编写编辑数据库表的代码。
我有以下HTML：
<div id="1">
<div contenteditable>aaa</div>
<div contenteditable>bbb</div>
<div contenteditable>ccc</div>
<button onClick="a('save')">SAVE</button>
<button onClick="a('delete')"
浏览 5提问于2020-10-24得票数 0
回答已采纳
4回答
html
<div contentEditable="true">testing....</div>
jQuery
$(document).ready(function(){
$('[contenteditable]').removeAttr('contenteditable');
});
上面的代码很好，而且工作正常。你可以感觉到它。
现在，试试这个
$('[contentEditable]').removeAttr('contentEditable');
// notice th
浏览 6提问于2010-07-07得票数 7
回答已采纳
使用代码，您可以看到创建新行，然后删除它们是很容易的。我遇到的问题是，default/origin/first行(A-T)也会被删除--我需要阻止该行被删除。这可以做到吗？
<!DOCTYPE html>
<html>
<head>
<style>
table, td {
background-color: #4CAF50;
color: white;
border: 1px solid black;
text-align: center;
font-size: 14px;
cursor: point
浏览 0提问于2017-07-26得票数 0
4回答
当双击特定的'contenteditable', true table td时，我使用下面的代码添加td。当我单击特定的td时，我想对所有其他table td进行'contenteditable', false。我尝试了以下方法，$("#contentsTable > td").prop('contenteditable', false);，但它不能工作。我是怎么做到的？
$(document).on('dblclick', 'td', function(){
$("#cont
浏览 1提问于2017-01-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
