Я использую hyphens: auto; для своей веб-страницы. Но есть некоторые слова, которые я не хотел бы завернуть. И эти слова очень часто встречаются на моем сайте.
Можно ли создать файл .txt , взять слова из этого файла и добавить специально для тех, кто span с class через jQuery?
Идея:
$.get('txt-file.txt', function(data) {
$("data").replaceWith("<span class='no-hyphens'>'data'</span>");
}, 'text');
p {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.no-hyphens {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor
and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner.
There was no garret at all, and no cellar except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path.</p>
<code id="txt-file">
"prairies", "whirlwinds", "contained", "building"
</code>