ace编辑器中标记的自定义样式

时间:2017-03-21 19:32:52

标签: css ace-editor

是否可以为单个标记设置自定义样式? 我尝试将边框颜色设置为我添加的每个标记的自定义颜色,而不是使用一个单独的类。那些颜色是我事先无法知道的颜色,我需要在程序运行时设置它们。这就是为什么我不能创建十几个类并将其用于此目的的原因。

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:-2)

您可以采用以下方法:https://jsfiddle.net/sheriffderek/wkwzprfh/

标记

<ul class="marker-type-list">

  <li class='marker-type'>
    <button class='js-create-marker' data-color='red'>Create red marker</button>
  </li>

  <li class='marker-type'>
    <button class='js-create-marker' data-color='green'>Create green marker</button>
  </li>

  <li class='marker-type'>
    <button class='js-create-marker' data-color='blue'>Create blue marker</button>
  </li>

</ul>

<ul class='marker-list'><!-- X --></ul>

脚本

$('.js-create-marker').on('click', function() {
    var color = $(this).data('color');
    console.log(color);
  $('.marker-list').append('<li class="marker ' + color + '">marker</li>');
});

样式

.marker.red {
  color: red;
}

.marker.green {
  color: green;
}

.marker.blue {
  color: blue;
}