드림 소설 이름 변환

출처: https://www.bambi.pro/entry/dream-story-script

 

드림 소설 이름 변환 하는 기능을 티스토리에서도 쓸 수 있을 것 같아서 적용시켜봤는데 이게 html 에서만 입력하고 기본모드로 돌아가면 기능이 적용이 안 되는 버그가 있더라고요. 어중간하게 html이 적용되는 티스토리 그래도 html이 사라지지 않기를 바라 부디 제발.  

 

기본 설정은 제가 쓰려고 수정한 거라 제가 쓰는 티스토리에 맞춰져 있어요. 알아서 수정해서 쓰시면 될 것 같아요. 맨 밑에 파일도 올려놨어요. 혹시 몰라서 원래 썼던 코드들 *달고 바꿔놨습니다. *뒤에는 알아서 코드 입력해 넣으시면 됩니다. 쓰시는 티스토리 스킨에 맞추시는 걸 추천드려요. 출처에 있는 html 코드를 그대로 사용하셔도 되고 아래 코드 참고하셔도 됩니다.

 

이름만 변경하는 경우

 

<div style="width:300px; border-radius: *border-radius; border: *border; padding: 20px; margin: 5px;">
<span style="color: #454545; font-weight: bold;">이름을 입력하고 【결정】 버튼을 눌러 주세요.</span>
<form name="NameChanger">
이름　<input style="border-radius: *border-radius; border: *border; padding: 4px; margin: 5px;" name="ChosenName1" type="text" value="(-)" /> 
<br>
<input style="border-radius: *border-radius; border: *border; color: *color; background-color: *background-color; padding: 4px; margin: 5px;"  type="button" value="결정" onclick="ChangeName()"> 
<input style="border-radius: *border-radius; border: *border; color: *color; background-color: *background-color; padding: 4px; margin: 5px;"  type="button" value="리셋" onclick="PgNew()">
</form>
</div>
<p id="OriginalStory">여기에 이름 변환할 내용을 입력합니다. (-) 에 들어가는 이름이 변환 됩니다. </p>
<script type="text/javascript">
var name1 = "(-)";

function ChangeName(){
var ChangedName1 = document.NameChanger.ChosenName1.value;

document.getElementById("OriginalStory").innerHTML = document.getElementById("OriginalStory").innerHTML.split(name1).join(ChangedName1);
return;
}

function PgNew(){
window.location.reload();
}
</script>

 

 

성과 이름 두 가지를 변경하는 경우

원래 본문은 주인공 2명인 경우 이름을 각각 바꿀 경우라고 되어있는데 응용편으로 성과 이름을 별개로 각각 변경할 경우에 써도 될 것 같아요. 물론 이름 2개 변경도 가능하죠.

 

<div style="width:300px; border-radius: *border-radius; border: *border; padding: 20px; margin: 5px;">
<span style="color: #454545; font-weight: bold;">이름을 입력하고 【결정】 버튼을 눌러 주세요.</span>
<form name="NameChanger">
성　<input style="border-radius: *border-radius; border: *border; padding: 4px; margin: 5px;" name="ChosenName1" type="text" value="(--)" /> 
<br>
<form name="NameChanger">
이름　<input style="border-radius: *border-radius; border: *border; padding: 4px; margin: 5px;" name="ChosenName2" type="text" value="(-)" /> 
<br>
<input style="border-radius: *border-radius; border: *border; color: *color; background-color: *background-color; padding: 4px; margin: 5px;"  type="button" value="결정" onclick="ChangeName()"> 
<input style="border-radius: *border-radius; border: *border; color: *color; background-color: *background-color; padding: 4px; margin: 5px;"  type="button" value="리셋" onclick="PgNew()">
</form>
</div>
<p id="OriginalStory">여기에 이름 변환할 내용을 입력합니다. 성은 (--)로 이름은 (-)로 입력한 값으로 변환 됩니다. </p>
<script type="text/javascript">
var name1 = "(--)";
var name2 = "(-)";

function ChangeName(){
var ChangedName1 = document.NameChanger.ChosenName1.value;
var ChangedName2 = document.NameChanger.ChosenName2.value;

document.getElementById("OriginalStory").innerHTML = document.getElementById("OriginalStory").innerHTML.split(name1).join(ChangedName1).split(name2).join(ChangedName2);
return;
}

function PgNew(){
window.location.reload();
}
</script>

 

이름만 변경하는 경우.txt

0.00MB

성과 이름 두 가지를 변경하는 경우.txt

0.00MB