Summernote -有序和无序列表的自定义下拉列表
Summernote是一款基于JavaScript的富文本编辑器，它提供了丰富的功能和可定制性，可以轻松地集成到网页中。下面是对于Summernote中有序和无序列表的自定义下拉列表的解答：
有序列表（Ordered List）是指按照一定的顺序排列的列表，每个列表项前面有一个数字或字母作为标记。有序列表的应用场景包括但不限于：文章的目录、步骤的顺序、排行榜等。在Summernote中，可以通过点击工具栏上的有序列表按钮或使用快捷键（如Ctrl+Shift+7）来插入有序列表。插入有序列表后，可以通过自定义下拉列表来选择不同的标记样式，例如数字、字母、罗马数字等。
无序列表（Unordered List）是指没有特定顺序的列表，每个列表项前面通常有一个小圆点、小方块或小菱形作为标记。无序列表的应用场景包括但不限于：商品列表、特点描述、任务清单等。在Summernote中，可以通过点击工具栏上的无序列表按钮或使用快捷键（如Ctrl+Shift+8）来插入无序列表。插入无序列表后，同样可以通过自定义下拉列表来选择不同的标记样式，例如小圆点、小方块、小菱形等。
腾讯云提供了一系列的云计算产品，其中与富文本编辑器相关的产品是腾讯云COS（对象存储），它提供了高可靠、低成本的对象存储服务，可以用于存储和管理富文本编辑器中的图片、视频等资源文件。您可以通过以下链接了解更多关于腾讯云COS的信息：腾讯云COS产品介绍
总结：Summernote是一款功能强大的富文本编辑器，可以方便地插入有序和无序列表。有序列表适用于需要按照一定顺序排列的场景，无序列表适用于没有特定顺序的场景。腾讯云的COS产品可以用于存储和管理富文本编辑器中的资源文件。
相关·内容
我使用Summernote编辑器v0.8.9已经很长一段时间了。我使用以下代码为有序列表和无序列表创建了一个自定义下拉按钮
let orderedList = function (context)
{
let ui = $.summernote.ui;
// create button
let button = ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
浏览 62提问于2021-05-21得票数 1
回答已采纳
1回答
我想在我的页面上使用summernote编辑器，但是我需要为此添加特殊的功能。我想在summernote工具栏上添加一个按钮。该按钮应该类似于下拉列表，在其中可以选择一些值，并且应该将该值插入到当前光标位置。
我想象中的用法：
<summernote some-values="values"></summernote>
角控制器
module.controller("ControllerName", ["$scope", ($scope) => {
$scope.values = ["value-fo
浏览 5提问于2014-11-08得票数 5
回答已采纳
我在angularJS中使用summernote。问题是，当我在summernote编辑器中打开下拉列表时，没有选择任何选项，而在页面中的其他地方我仍然可以看到下拉列表。我希望在编辑器外部单击时隐藏下拉菜单。我该如何实现这一点？
我的html代码是。
<summernote id="summernoteId" config="options" ng-model="x.responseTitle" placeholder="Enter title"/>
浏览 0提问于2018-04-12得票数 0
从这里的医生那里：
()，
您可以通过将一个或多个列表项缩进另一项之下来创建嵌套列表。
但是我试图用嵌套的无序列表创建一个有序列表。
我试过这个代码：
1. Ordered One
* Unordered First
* Unordered Second
* Unordered Third
1. Ordered Second
* Unordered One
* Unordered Two
* Unordered Three
我得到的是：
我如何编写它，以便Ordered Second自动获得数字2.和无序嵌套列表被正确缩进？
谢谢。
浏览 0提问于2018-05-03得票数 13
回答已采纳
我在一个基本的CMS中使用summernote进行编辑。下面是我使用的代码：
$(document).ready(function() {
$("#summernote").summernote({
height: 600,
styleWithSpan: false,
toolbar: [
['style', ['bold', 'italic', 'underline']
浏览 0提问于2016-05-04得票数 3
回答已采纳
我在bootstrap modal.But上使用summernote时，当单击工具栏上的下拉项时，下拉菜单不显示在正确的位置，甚至不退出下拉DOM.I。我将显示以下图片：
我已经搜索了很长一段时间在summernote github问题列表和堆栈溢出。我尝试添加"dialogsInBody: true"，但没有working.Anyone可以帮助我关于这个problem.Thank你！
浏览 1提问于2016-07-04得票数 1
3回答
我需要填充一个输入字段和一个summernote，但是在输入和summernote上显示不同的文本。
我能够使用jQuery进行填充，并为不同的按钮链接分配特定的功能，例如BTNLINK-1将显示SUBJECT中的文本AAA，AABB在Summernote字段中显示，BTNLINK-2将在SUBJECT中显示文本BBB，在Summernote中显示BBCC等等。下面是一个示例代码，我是如何做到这一点的：
<div class="form-group">
<label for="name">Template</label><
浏览 3提问于2017-05-29得票数 0
回答已采纳
2回答
我正在尝试生成一个<select>下拉子分类列表来创建一个过滤器。当生成列表时，我会得到重复和字符串。如何拆分字符串，然后删除重复的字符串？
示例--这就是我目前得到的
<select data-filter="" class="form-control" name="subClassifications">
<option value="all">Select sub-classification</option>
<option value="A
浏览 3提问于2016-10-02得票数 1
回答已采纳
1回答
我需要使用docx4j创建一个包含已编号列表和未编号列表的文档。我知道有编号列表和未编号列表的代码，但我不能把它们组合在一起。请帮帮忙。
浏览 0提问于2020-06-12得票数 0
2回答
二郎路缓存
、、
如何用Erlang实现LRU缓存？
是最受欢迎的Github项目，但分段表不太适合我的数据。
使用的是一个列表。经过测试，如果有太多的数据，它将是缓慢的。
我想问题就在这里。
move_front(List, Key) -> [Key | lists:delete(Key, List)].
使用Java，更好的实现是使用hashmap和链接列表 。
我试着做了一个链接列表，然后意识到Linkedlist对Erlang，来说不是个好主意。
问题是如何使用Erlang进行LRU缓存？
浏览 5提问于2016-07-28得票数 4
我目前正在使用checkboxlist元素和绑定数据服务器端，但是它在其中显示一个HTML表和复选框项，因此它破坏了我的布局。是否有方法定制它的输出，到目前为止，我只找到了如何添加CSS类，这不是我的目标。
此外，是否还有其他方法可以在ASP.NET上创建组件的动态列表，从而使我能够获得所有组件的值？
浏览 1提问于2016-08-14得票数 1
回答已采纳
我对导航栏使用了bootstrap框架，现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以很好地工作，但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本，则summernote可以工作，但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本，因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗？
浏览 3提问于2016-10-29得票数 5
1回答
RFC 1771定义了AS_PATH的路径属性类型如下：
AS_PATH (Type Code 2):
AS_PATH is a well-known mandatory attribute that is composed
of a sequence of AS path segments. Each AS path segment is
represented by a triple <path segment type, path segment
length, path segment value>.
The path segment type is a 1-octet
浏览 0提问于2015-01-03得票数 11
回答已采纳
2回答
我正在尝试创建一个允许定制产品的产品页面布局。基本上，是一系列的下拉列表，每个连续的下拉列表都填充了基于到目前为止所选的选项。所以就像这样：
下拉列表1:产品变体(用户选择productvariationb，下拉列表2然后填充productvariationb的选项)。
下拉列表2:产品颜色(用户在下拉列表1中选择了productvariationb，现在他们在下拉列表2中选择了“棕色”，图像应该会变成产品变体b的棕色版本)。
依此类推，图像每次都会根据所选择的内容进行更改(并填充选项)。
我能用JS做到这一点吗?有没有人知道我可以编辑类似的脚本，或者我需要查看JS的哪些函数才能实现这一点？
浏览 1提问于2011-03-20得票数 2
回答已采纳
1回答
在我的中，我有一系列的方向。我想使用这个数组，或者把它变成一个列表，然后在我的JSP页面上填充一个有序列表。
例如，我已经在JSP页面上使用来自控制器的list属性填充了一个下拉列表。
密码..。
控制器
ResultSet result = select.executeQuery("SELECT DISTINCT make FROM data ORDER BY make");
List<LabelValueModel> dropDownItems = new ArrayList<LabelValueModel>();
while (result.nex
浏览 1提问于2013-03-21得票数 1
回答已采纳
我使用的是带有Bootswatch主题'Yeti‘的Summernote，它使用Open Sans作为字体。当编辑器初始化时，它将默认字体设置为'Open Sans‘，即使它不在我的字体列表中：
fontNames: ['Arial', 'Arial Black', 'Courier New', 'Helvetica', 'Helvetica Neue', 'Impact', 'Lucide Grande', 'Tahoma', 'Times
浏览 15提问于2017-03-15得票数 1
我使用的是summernote，有时我需要比font-size列表中提供的值更高的字体。这是我当前的代码：
$('#summernote').summernote({
toolbar: [
['style', ['style']],
['fontsize', ['fontsize']],
['font', ['bold', 'italic', 'underline', 'clear']],
['
浏览 0提问于2016-04-22得票数 12
回答已采纳
我有一个类似于这个的列表(它已经在php中正确排序了)
myList = {
"394":"Andres",
"388":"Franck",
"380":"John",
"415":"Philip"
}
但是，如果我使用data = JSON.parse(myList)来为下拉列表创建一个对象，作为响应，我将根据实际上不想要的键自动对列表进行排序。
结果：
data = {
"380":"John",
浏览 4提问于2017-08-02得票数 2
回答已采纳
1回答
我安装了django-summernote，除了样式、字体大小、颜色和表的下拉按钮外，大多数都很好。该示例将它们设置如下：
...
'toolbar': [
...
['style', ['style'],
['fontsize', ['fontsize']],
['color', ['color']],
['table', ['table']],
...
],
我尝试过放置一个可能值的列表，
浏览 10提问于2021-12-07得票数 0
回答已采纳
我在一个程序中发现了一个有趣的bug，我有些懒惰地实现了它，我想知道我是否正确地理解了它。简短的版本是，实际上并不订购一个列表，它只是以堆为中心的方式来摸索列表。具体来说，我希望heapify()会产生一个有序的列表，从而以有序的方式帮助理解列表。
使用优先级提示示例，如Python文档中所示：
from heapq import heapify, heappush, heappop
from random import shuffle
class Item(object):
def __init__(self, name):
self.name = name
ls
浏览 2提问于2009-06-25得票数 4
回答已采纳
我想根据对象参数的值对对象进行排序，这些参数指定了处理的优先级。
HashSet和OrderedDictionary只使用IEqualityComparer检查等式。
浏览 3提问于2014-04-29得票数 0
回答已采纳
2回答
为什么SSMS和ASP.NET MVC下拉列表都显示我按字母顺序填写的数据？
我添加了"Other“选项作为最后一个选项，当我要求SSMS显示表内容时，我将其排序为"Other”不是列表中的最后一个。
我们的ASP.NET MVC网站页面中的下拉列表也是如此：
我真的需要添加一个带有整数值的表列来使条目按照我手动填充的自然顺序排序吗？
浏览 7提问于2022-06-23得票数 0
回答已采纳
我在Python中找到了将两个列表转换为一个字典的方法。所以我试着从两个列表中创建一本字典。下面是代码片段：
>>> v
['2', '3', '4', '1']
>>> idv = sorted(v)
>>> idv
['1', '2', '3', '4']
>>> tabv = {key:value for key, value in zip(idv, v)}
>>> t
浏览 2提问于2014-12-16得票数 1
回答已采纳
4回答
如何才能创建一个select下拉列表，让您可以随心所欲地设置输入样式？
你能用div元素做点什么吗？然后如何在输入之间“制表符”(即，tabindex)？
浏览 1提问于2011-05-09得票数 1
回答已采纳
我已经订购了LocalDateTime的列表，我需要在特定日期的午夜将其分开。不应更改两个新列表中元素的顺序。
List<LocalDateTime> l = Arrays.asList(LocalDateTime.of(2017,10,24,7,0,0),LocalDateTime.of(2017,10,24,8,0,0),LocalDateTime.of(2017,10,25,7,0,0),LocalDateTime.of(2017,10,25,9,0,0));
Collectors.partitioningBy是否保证订单将被保留？
l.stream().collect(Co
浏览 6提问于2017-10-25得票数 2
回答已采纳
1回答
触发器单击选择元素
、、、
我正在构建一个自定义选择下拉菜单，其中包括一个自定义下拉箭头。因为浏览器的默认箭头被自定义箭头所覆盖，所以在css中使用pointer-events: none;来允许点击自定义按钮后面的选择。但是，IE 10及更低版本不支持pointer-events: none;。
我已经写了这段代码
<script>
$(document).on('click', '.select-dropdown-arrow', function() {
$(this).siblings('select').trigger('m
浏览 0提问于2014-09-17得票数 0
我使用的是Summernote富文本编辑器。“段落”按钮不提供下拉菜单，所以我不能选择缩进和凸出功能。 我是遗漏了cdn，还是有其他问题？ 我的代码是： HTML： <!-- Text Editor -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.10/summernote-bs4.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/s
浏览 56提问于2019-06-09得票数 1
回答已采纳
我正在emmet工具包的帮助下编写HTML代码，我想知道是否有一种方法可以将唯一的文本值(预定义为某种列表)传递到emmet html元素生成器表达式中。
<!-- Example: -->
span.myClass{textValue$}*4
<!--Will yield: -->
<span class="myClass">textValue1</span>
<span class="myClass">textValue2</span>
<span cla
浏览 0提问于2016-04-21得票数 4
1回答
字典的创建示例:字典以任意的方式处理元素。因此，我得到输出的混合顺序，这与我的列表x无关。
x = [100,2,300,4,75]
dct = {}
for i in x:
dct['lst_%s' % i] = []
for z in range(0,5):
dct['lst_%s' % i].extend((x[z],x[z-1]))
print(dct)
{'lst_300': [100, 75, 2, 100, 300, 2, 4, 300, 75,
浏览 1提问于2015-10-13得票数 0
回答已采纳
1回答
对齐有序和无序列表的重叠
、、、
我正在寻找一种算法，它可以找到/分配顺序和重叠，给出一个有序元素列表和一个无序元素列表。(其中重叠可能存在也可能不存在)。
在这个例子中，我将使用整数，但它们也可以是人名、ID代码等。即数字不能用于解决真正的问题，而是帮助解释我使用有序集(1,2,3,4,5,6,7,8,9,10)作为圣杯答案的问题。
输入：
按顺序排列的名单：(1,2,3,4)，(8,9,10)，(3,4,5)
UnOrdered名单：(3,4,2)，(6,4,5,7)，(10,9)
思考过程中我如何在我的头脑中做这个算法：
列表3,4，4和1,2,3,4是有序的，并且有3，4种，因此这2种有序列表重叠形成: 1, 2,3,
浏览 3提问于2011-01-26得票数 0
2回答
a_lst = list()
b_lst = list()
tmp = list()
c_dct = dict()
while True:
a = raw_input("a=")
a_lst.append(a)
b = raw_input("b=")
b_lst.append(b)
if a == "end":
break
a_lst.remove('end')
print a_lst
print b_lst
for i in range(len(a_lst)):
c_dct[a
浏览 0提问于2016-03-17得票数 2
我有一个排序的整数列表。但是我想删除副本，所以我使用了内置的set函数，期望它不会改变位置，而只是删除重复的位置。
它使我从排序列表中改变了负数的位置！
若要从排序列表中删除副本，请执行以下操作！我尝试了内建集来移除重复项，但最终改变了负整数的位置。
lis=[0,-1,,-1,3,3,1,10]
lis.sort()
l=set(lis)
print(l)
我预期的答案是-1，0-1，3，但实际输出是0,1,3，-1。
浏览 0提问于2019-07-15得票数 0
回答已采纳
4回答
我是SWT新手，有一个项目要求我更改下拉列表中元素的顺序，该列表包含按字母顺序排序的数据库中的数据，而我想更改下拉列表中元素的顺序，有人能告诉我下拉列表如何从数据库中获取数据列表以及如何更改顺序吗？非常感谢。
下面是创建对象的代码，我想知道如何更改列表的顺序。谢谢。
public final Object[] getElements(final Object inputElement) {
if (inputElement != null) {
if (inputElement instanceof Test) {
return getTest(
浏览 0提问于2013-01-31得票数 1
2回答
我在HTML页面中有一个select/下拉列表，它必须在页面中出现大约10次。这方面的简单示例如下：
Qn 1：{下拉}是{TextField}
Qn 2：{下拉}是{TextField}
Qn 3：{下拉}是{TextField}
其中下拉列表列出了各种相同和静态的选项(字符串数组-没有服务器组件)。
我想创建下拉列表一次并使用它。CSS可以有html:select的数据元素吗？或者如何编写javascript代码来填充select元素？
浏览 5提问于2012-08-12得票数 2
回答已采纳
我有一个问题，调整一个选择下拉和一个按钮与引导带。这是一张照片：
这是代码，或多或少：
<form class="form-horizontal" action="." method="GET" role="form">
<div class="form-group">
<label class="col-lg-4 control-label" for="id_location">Location</labe
浏览 5提问于2014-02-26得票数 0
回答已采纳
1回答
比较器的恒等运算等价
、、、
是否存在可能存在的Comparator标识表示？
为了简化中的代码，我考虑了这一点，最后得出结论:如果每一个比较结果都是相等的，那么顺序就不会真正改变，从而使操作成为一个标识。因此，我最终提出了(一个低效的)建议，如：
public static <T, G> List<G> toListOfNewType(List<T> inputList, Function<T, G> mapperFunction) {
return toListOfNewType(inputList, mapperFunction, (a, b) -> 0)
浏览 3提问于2019-11-09得票数 2
回答已采纳
我正在使用一个用户创建的表和列表，在这个表和列表中，我的程序必须读入一个条目列表进行处理。我的处理器工作正常，我可以导航到表中的位置，没有任何问题。问题是，通过允许创建者使用无序列表(/ul/li)或回车(/p)输入列表，我试图在创建列表(在表中)时允许一些灵活性。
现在，我正在确定无序列表是否通过大于0的driver.findElements(By.xpath("foo/ul/li")).size()使用。问题是，这可能需要永远“故障转移”。有没有什么方法可以让验证元素类型(/ul/li vs /p vs /ol/li)的速度更快？
我正在使用Java和Webdriver。
浏览 0提问于2014-11-25得票数 1
3回答
HTML嵌套列表
、、
你好，我试图在html中做一个嵌套列表，我不明白为什么我的in3没有出现在我的out3下(比如内部1和2)。我觉得这是一个问题，我必须移动几个字母，但我已经尝试了一个小时，似乎无法解决它。
下面是我的代码：
<ul>
<li>Out1
<li>Out2</li>
<ul>
<li>In1
<li>In2</li>
<ul>
<li>De1</li>
<li>De2</li>
<
浏览 3提问于2016-07-21得票数 0
回答已采纳
1回答
我正在使用laravel上的summernote软件包，但问题是订单列表和无序列表不在那里工作。下面是我试图使用的代码。请帮我解决这个问题。
Html：
<textarea data-feature="all" class="summernote" data-height="250" name="editor"></textarea>
版本：
"summernote": "^0.8.18",
Summernote.js：
import summernote fro
浏览 4提问于2020-10-24得票数 3
回答已采纳
1回答
当我为SummerNote v0.8.2设置自己的选项时，如何使字体名称显示？
下面是我的设置代码，运行在文档就绪上：
$('.summernote').summernote(
{
height: 100
, width: 350
, placeholder: 'Please enter your contact information here'
, dialogsFade: true
浏览 1提问于2016-09-02得票数 0
我还是被困住了，但一步一步地移动。我只想问一下如何将下拉值附加到Summernote中。我在textarea中尝试了同样的解决方案(没有Summernote集成)，这个解决方案可以工作，但似乎不工作在summernote上。到目前为止，他们的网站似乎处于瘫痪状态。
这是我来自浏览器控制台的一组代码和图像
我的按钮单击事件将下拉值传递到textarea:
$("#btnAddVariable").click(function (e) {
var eVariable = $("#EmailVariable option:selected").val();
浏览 1提问于2018-04-16得票数 0
我在我的android应用程序中使用了itext pdf生成器。其中我同时使用有序列表和unOrdered列表。我无法增加项目符号和订单文本的大小。我使用下面的代码增加了列表项的大小。
List list = new List(List.ORDERED);
list.setPostSymbol(") ");
//Ingredients Entry
for (String ingredient : ingredients.split("#")) {
font = new Font(Font.FontFamily.HEL
浏览 3提问于2017-03-09得票数 0
回答已采纳
1回答
如何合并两本词典
、、
我希望将两个字典与键合并为月份，将值合并为两个字典中的12个值的列表。如何合并这两个字典，使其不按键排序为alpha顺序。我只是想把我的第二本字典(六月到十二月作为键)添加到我的第一本字典的末尾(一月到五月作为键)。
我尝试过使用.concat和.append，但我似乎做错了什么，它是排序值。
谢谢
浏览 3提问于2019-06-11得票数 0
回答已采纳
1回答
按模型填充树视图
、、、
我有以下型号
public class Balance
{
public string Tier { get; set; }
public float Total { get; set; }
public List<Ecriture> Ecritures { get; set; }
}
public partial class Ecriture
{
public long Id { get; set; }
public int HDocNo { get; set; }
public DateTime HDocDate { get;
浏览 0提问于2013-05-06得票数 0
回答已采纳
作为一种习惯python的方法，我正在尝试将我的一些代码从转换为python。
我马上就遇到了大量的集合对象选择。
你能帮我找出一个内置的类型或第三方贡献的类型，具有尽可能多的AutoHotkey_L 及其的功能吗？
AutoHotkey_L对象具有python字典、列表和类实例的特性。
我知道在空间和速度上有权衡，但我只对功能感兴趣，而不是优化问题。
浏览 0提问于2010-05-30得票数 0
回答已采纳
1回答
我在我的文档中创建一个项目列表有问题。我尝试了去年五月的解决方案，但对我来说没有用：，我能够创建编号列表，但不是我所需要的。我正在使用最新的图书馆夜间版本(poi-3.12-beta1)，因为Google下的一些功能问题已经解决了。我的段落的CTP是这样的：
<w:pPr xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:mo="http://schemas.microsoft.com/office/mac/office/2008/main
浏览 5提问于2015-01-20得票数 1
ul,
ol,
li {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-top:0 }
ul ul,
ul ol,
ol ul,
ol ol,
ul li,
li ul {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-top:0 }
.columns{
float: left;
position: relative;
margin-rig
浏览 11提问于2017-01-27得票数 0
2回答
你好，我在我的laravel项目中使用summernote，所有的工作都很好，除了在创建和编辑视图中，页面顶部有不必要的bar ()。我的代码如下：
设置：
<link rel="stylesheet" href="{{asset('assets/js/vendor/summernote/dist/summernote.css')}}">
<script src="{{asset('assets/js/vendor/summernote/dist/summernote.js')}}">&
浏览 31提问于2019-07-16得票数 0
回答已采纳
7回答
在Python中，集合和列表之间的唯一区别是您可以使用union、intersect、intersect、对称差函数来比较两个集合吗？为什么这些函数不能简单地应用于列表呢？在什么情况下，集合比列表更有用？
浏览 2提问于2012-09-10得票数 53
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
