Упорядоченный список с использованием арабских букв в HTML - PullRequest
Новая
       19

Упорядоченный список с использованием арабских букв в HTML

0 голосов
/ 18 мая 2018

Я хотел бы сделать маркированный список арабского текста в формате html следующим образом:

أ.السطرالأول

ب.السطرالثاني

ت.السطرالثالث

ث.السطرالرابع

Я пробовал пару вещей, в том числе: 

li {
    list-style: AL;
}

@counter-style AL {
    symbols: 'أ' 'ب' 'ت' 'ث'
    suffix: " ";
}

, но это не работает.Можно ли это сделать и как?

1 Ответ

0 голосов
/ 18 мая 2018

Я попробовал обходной путь, и он работает:

1: установите list-style-type на none. 

ul {
    list-style-type: none;
}

2: в вашем скрипте создайте массив, содержащий арабские буквыhxml шестнадцатеричные коды. 

var bulletclasses = [" - &#x0623"," - &#x0628"," - &#x062A"];
var i = 0;

3: затем, когда вы добавляете новую строку в список, включите шестнадцатеричный код в ваш текст. 

$("ul").append("<li>" + todoText + bulletclasses[i] + "</li>");
i = i + 1;

У меня плохо с JS и CSS, может быть другой способ лучше и чище, чем этот, но динамическая установка символов может помочь, если ваш список не будет превышать 28 элементов.

Я также думал о создании CSS класс для каждой арабской буквы, затем, когда вы хотите добавить новый элемент в список, вы добавляете этот класс к каждому <li>, используя js, что было бы утомительно.

вы можете найтишестнадцатеричные коды здесь

...