Есть ли перевернутый символ каретки?

Мне приходится поддерживать большое количество классических страниц ASP, многие из которых содержат табличные данные без каких-либо возможностей сортировки. Какой бы порядок ни использовал исходный разработчик в запросе к базе данных, вы застряли.

Я хочу применить некоторую базовую сортировку к группе этих страниц, и я делаю все это на стороне клиента с помощью javascript. У меня уже есть базовый сценарий, созданный для сортировки данной таблицы по заданному столбцу в заданном направлении, и он работает хорошо, пока таблица ограничена определенными соглашениями, которым мы здесь следуем.

Что я хочу сделать для пользовательского интерфейса, так это просто указать направление сортировки с помощью символа вставки (^) и ... что? Есть ли специальный символ, который является прямой противоположностью каретки? Буква v не совсем разрежет. В качестве альтернативы, могу ли я использовать другую пару символов?


person Joel Coehoorn    schedule 03.12.2008    source источник
comment
Вот несколько, которые подойдут: amp-what.com/#q=triangle   -  person ndp    schedule 02.11.2012
comment
слишком много: D la.remifa.so/unicode/unicode.php? start = E000 & end = F8FF   -  person Nithin    schedule 27.06.2014
comment
en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrow_in_Unicode   -  person phuclv    schedule 02.07.2015


Ответы (17)


Есть ▲: и ▼:

person sblundy    schedule 03.12.2008
comment
Хороший. Тот же ответ, что и мой, но в лучшей формулировке. - person Mark Ransom; 04.12.2008
comment
Мне нравятся эти стрелки, каковы коды символов HTML для левой / правой версии этих стрелок, если они существуют? - person David; 28.08.2012
comment
+1 за запоминание точек с запятой в объектах HTML. Браузеры принимают без (кроме случаев двусмысленности), и это заставляет моих коллег лениться. - person jpsimons; 25.10.2012
comment
Для тех, кто ищет влево и вправо: ▸ и ◂ - person Black Horus; 02.11.2014
comment
Если вы хотите лучше рассмотреть эту стрелку, добавьте к ней преобразование (scale (1, .5); - person Armeen Harwood; 23.03.2016
comment
404 этот ответ не может быть найден ;-) - person interesting-name-here; 17.09.2019
comment
Это помогло мне в нашем программном обеспечении. Поскольку у нас есть только символы UTF-8 для работы, это было лучшее решение для меня. - person Dorvalla; 29.07.2020

Не забывайте символы (логическое и) и (логическое или), это то, что я использую для обозначения направление сортировки: объекты HTML ∧ & _ 2_ соответственно.

person Josh Bodily    schedule 26.02.2010
comment
Идеально подходит для ссылки "Подробнее". Спасибо! - person ShayneStatzell; 18.11.2013
comment
Если бы я был ОП, я бы подумал, что это должен быть ответ. Стрелки и вставки разные, и вы на самом деле ответили на это умным решением. - person jcd; 26.03.2015
comment
Я думаю, это имеет больше смысла, это именно то, что я искал! - person bestfriendsforever; 05.05.2015
comment
Никогда не слышал о них раньше, я думаю, они хороши, когда вам нужны более мелкие текстовые стрелки для перемещения вверх и вниз. - person Miguel Vieira; 12.08.2020

Всегда есть строчная буква «v». А если серьезно, кроме Unicode, все, что я могу найти, это &darr, что выглядит так.

person Max Lybbert    schedule 03.12.2008

Перевернутый циркумфлекс называется карон или гачек.

Он имеет объект HTML в расширении TADS Latin-2 для HTML: ˇ и выглядит следующим образом: который, к сожалению, не отображается в том же размере / пропорции, что и символ ^.

Или вы можете использовать юникод U+30C.

person Bill Karwin    schedule 03.12.2008

˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

˅˅˅ Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Вот подходящий набор. ˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

«Фактический размер»: ˅˄˅˄
(дополнительная информация)


Изменить: Другой вариант ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897 / U + 22C1 (информация) с именем N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896 / U + 22C0 (информация) с именем N-ARY LOGICAL AND

«Фактический размер»: ⋁⋀⋁⋀

person ashleedawg    schedule 25.03.2018
comment
ПРАВИЛЬНЫЙ \ ЛУЧШИЙ ОТВЕТ | U + 02C4, ˄, БУКВА СТРЕЛКА ВВЕРХ | U + 02C5, ˅, БУКВА СТРЕЛКА ВНИЗ - person epicTurk; 25.07.2018

Мощный вариант, который также повышает творческий потенциал, - это создание собственных персонажей с помощью символов рисования в прямоугольниках.

Хотите, чтобы "каретка" указывала вниз? Вот один: ╲╱

Я недавно обнаружил их - и мне доставляет огромное удовольствие использовать такие специально разработанные символы для обозначения вещей вокруг :).

person tomekwi    schedule 15.09.2014

Возможно, вы сможете использовать черные треугольники, значения Unicode U + 25b2 и U + 25bc. Или стрелки U + 2191 и U + 2193.

person Mark Ransom    schedule 03.12.2008

Вы можете рассмотреть возможность использования Font Awesome вместо использования Unicode или других значков.

Код может быть таким простым, как (а), включая потрясающий шрифт, например. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (б) создание кнопки типа <button><i class="fa fa-arrow-down"></i></button>

person Colin D    schedule 31.05.2017
comment
Сегодня это определенно жизнеспособный вариант. В 2008 году, когда я задал этот вопрос, это было проблемой. Но возможность получать эти запоздалые ответы по мере технических изменений - это часть того, что делает НАСТОЛЬКО крутым :) - person Joel Coehoorn; 31.05.2017
comment
Хорошая точка зрения. Кроме того, просто чтобы добавить причину, по которой его использовать, одна из возможных причин использовать font-awesome вместо unicode заключается в том, что unicode является копируемым и вставляемым, что, как я обнаружил, раздражало на мобильных устройствах, он пытался выбрать, когда кто-то нажимал кнопку с юникодом, в то время как значки с потрясающим шрифтом не вызывали копирования и вставки - person Colin D; 05.06.2017
comment
Однако включение FontAwesome (довольно большого размера) всего для нескольких значков кажется излишним. Я бы посоветовал не делать этого. Если проблема заключается в выделении текста, рассмотрите возможность использования HTML-кода в псевдоэлементе CSS. - person PoeHaH; 14.01.2018

код c #

int i = 0;
char c = '↑';
i = (int)c;
Console.WriteLine(i); // prints 8593

int j = 0;
char d = '↓';
j = (int)d;
Console.WriteLine(j); // prints 8595
person shahkalpeshp    schedule 03.12.2008

Я бы использовал пару крошечных изображений. Смотрел бы тоже лучше.

Кроме того, вы можете попробовать служебную программу «Карта символов», поставляемую с Windows, или поискать здесь.

Еще одно решение, которое я видел, - это использование шрифта Wingdings для символов. Там много стрел.

person Vilx-    schedule 03.12.2008

Я сделал подстрочный индекс и выделил жирным шрифтом V. Он работает отлично (хотя это требует некоторых усилий, если это нужно делать повторно)

Синтаксис:

<sub><strong>v</strong></sub>

Вывод:
v

person BCLaw15    schedule 04.12.2014
comment
Этот подход не рекомендуется, так как это не будет похоже на то, что OP хочет со шрифтами, кроме шрифтов sans. - person Awol; 05.12.2017
comment
Это привело меня в правильном направлении. В моем случае я использовал символ ▼: ▼, но с надстрочным + подстрочным индексом. В случае HTML это выглядело бы так: <sup><sub>&#9660;</sub></sup> В моем случае я использую его с Markdown, написанным так: ~^▼^~ - person John T.; 03.05.2021

^ (Caret - или Ascii Circumflex), созданный нажатием shift + 6, похоже, не имеет противоположного Ascii, а именно Ascii Inverted Circumflex.

Но для вашей альтернативной пары символов, которая также имеет комбинации клавиш, вы можете использовать:

ˆ (Circumflex) shift + alt + i и
ˇ (Caron) shift + alt + t

Источник: fileformat.info

person nic    schedule 27.06.2017
comment
Это не работает на моем компьютере с Windows. Это ярлык для Mac? Если да, то мне интересно, есть ли в Windows аналогичный ярлык. - person SherylHohman; 24.09.2020
comment
@SherylHohman, да. Это было для Mac. Извините, я забыл об этом упомянуть. - person nic; 02.10.2020

Здесь нет перевернутого символа курсора, но вы можете легко повернуть его с помощью CSS. Это простое решение, которое выглядит идеально. Нажмите "Выполнить фрагмент кода", чтобы увидеть его в действии:

.upsidedown {
transform:rotate(180deg); 
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block; 
position:relative; 
bottom: 0.15em;
}
more items <span class="upsidedown caret">^</span>

Обратите внимание на следующее ...

  • Я сделал небольшую поправку для позиционирования каретки, так как обычно она высока (т.е. низка в повернутой версии). Вы хотите немного поднять его. Это «маленькое» значение относится к размеру шрифта, отсюда и «em». В зависимости от вашего выбора шрифта вы можете повозиться с ним, чтобы он выглядел хорошо.
  • Это решение не работает в IE8. Вам следует использовать фильтр, если вам нужна поддержка IE8. Поддержка IE8 на самом деле не требуется и не является обычным явлением в 2018 году.
  • Если вы хотите использовать это в сочетании с Twitter Bootstrap, переименуйте класс «caret» во что-нибудь другое, например «caret_down» (поскольку он сталкивается с именем класса из Twitter Bootstrap).
person JoostS    schedule 02.03.2018

U + 2304 СТРЕЛКА ВНИЗ, в HTML как ⌄

person msh210    schedule 15.04.2019

Не могли бы вы просто нарисовать путь svg внутри диапазона с помощью document.write? Диапазон не требуется для работы svg, он просто гарантирует, что svg остается встроенным в любой текст, рядом с которым находится carat. Я использовал margin-bottom, чтобы вертикально центрировать его с текстом, хотя может быть и другой способ сделать это. Это то, что я сделал на боковой панели навигации моего блога (без js). Если у вас нет текста рядом с ним, вам не понадобится диапазон или смещение нижнего поля.

<div id="ID"></div>

<script type="text/javascript">
var x = document.getElementById('ID');

// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = '<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>';
</script>
person Stu Coston    schedule 26.04.2017
comment
Сегодня я, наверное, смогу это сделать. В 2012 году я бы не стал доверять этому варианту. И теперь, когда они у меня есть, мне нравится использовать символы Unicode. - person Joel Coehoorn; 26.04.2017

Если вам нужен отличный шрифт для приложений React, тогда React Icons - очень хороший ресурс и очень легко реализовать. Он включает в себя гораздо больше библиотек, чем просто потрясающий шрифт.

person Isaac Pak    schedule 09.01.2018
comment
Не уверен, почему это отклонено. Он предлагает разумную альтернативу с открытым исходным кодом для рассмотрения (хотя и не такую ​​простую, как стандартный символ Unicode). - person Jake; 26.11.2020

Итак, я хотел, чтобы каретка была точно такой же, как в OWA, поэтому я загрузил office365icons.woff из https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff (для этого нужно было войти в систему, и это было сделано через браузер), а затем скопировал упрощенный стиль с веб-сайта:

  @font-face {
      font-family: 'Office365Icons';
      src: url('/fonts/office365icons.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }

  span.o-icon {
      font-family: 'Office365Icons';
      font-size: 14pt;
      line-height: 21px;
      color: #666;
  }

И наконец:

<span class="o-icon">&#xe088;</span>
person BaseZen    schedule 08.04.2020