• Trang chủ
• JavaScript / jQuery
• Có cách nào để bọc table trong div trong TinyMCE không?

Có cách nào để bọc table trong div trong TinyMCE không?

Chủ đề: JavaScript / jQueryBài trước|Bài tiếp

Trả lời: Dùng <span>jQuery("table").wrap( "<div class='table-responsive'></div>" )</span>

Khi tạo bảng (table) trong TinyMCE sẽ thường có dạng:

<table>
	<thead>
		<tr>
			<th>A</th>
			<th>B</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>A content</td>
			<td>B content</td>
		</tr>
	</tbody>
</table>

Nếu bạn dùng bootstrap table thì sẽ thường bao bọc table trong cặp <div class='table-responsive'></div>

Giờ muốn làm điều đó thì bạn có thể dùng JQuery để thay đổi hiển thị của bảng bằng code sau:

$(document).ready(function(){
    $("table").wrap( "<div class='table-responsive'></div>" );
});

Kết quả hiển thị sẽ là:

<div class='table-responsive'>
	<table>
		<thead>
			<tr>
				<th>A</th>
				<th>B</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>A content</td>
				<td>B content</td>
			</tr>
		</tbody>
	</table>
</div>

Câu hỏi liên quan

Dưới đây là một số câu hỏi thường gặp khác liên quan đến chủ đề này:

• Regex để xác thực tên miền
• Làm thế nào để vô hiệu hóa các ngày cụ thể trong Bootstrap Datepicker bằng jQuery?
• Cách lấy giá trị của tùy chọn đã chọn trong hộp chọn (Select) bằng jQuery
• TinyMCE textarea và biểu mẫu (Form) đăng bằng ajax
• Lấy dữ liệu CkEditor để đăng bằng ajax form