gpt4 book ai didi

tinymce 自定义项目符号和数字列表

转载 作者:行者123 更新时间:2023-12-05 03:15:30 35 4
gpt4 key购买 nike

我想知道是否可以创建自定义项目符号和编号列表?

我添加了插件 advlist 并尝试了其他人尝试过的示例 herehere .第一个似乎允许进行一些更改。但是,我试图用自定义图像替换项目符号列表或编号列表的列表样式图像,但“样式”选项“listStyleImage”似乎不起作用,即使它出现在应用程序代码中也是如此。

我还尝试添加一个 css 类以查看是否可行,但“类”语句似乎也不起作用。

我已经像示例中那样设置了 init 部分,并遵循了 formats 中的选项。文档,但样式的类和设置“listStyleImage”似乎不起作用。

我很确定手动将类添加到 html 代码中是可行的。我只想将其设置为自定义列表,这样就不必手动完成。

这可能吗?

还有其他方法可以实现吗?

更新:为了暂时解决这个问题,我必须通过编辑器手动向 html 添加一个类。它可以工作,但如果有一种方法可以通过添加自定义列表来实现,那就太好了。

最佳答案

到目前为止,我发现将项目符号转换为图像的唯一方法是使用

style_formats

添加列表后,只需标记它并应用格式。

tinymce代码:

toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l ink image | print preview media fullpage | forecolor backcolor emoticons", 
image_advtab: true,

style_formats: [{
title: 'checkMark', selector: 'li',
styles: {
'list-style-image' : 'url("../images/check-mark.png" )' //your desired image
}
}],

关于tinymce 自定义项目符号和数字列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15369417/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com