阅读论文页面更新

nuxt.config.js

@@ -177,6 +177,10 @@ export default {
           "read": {
             "contextmenu": {
               "add": "添加笔记"
+            },
+            "tip": {
+              "click_note_list": "选中内容定位笔记",
+              "contextmenu_err": "请选中文本进行操作"
             }
           },
           "reading_online": "在线阅读",
@@ -296,6 +300,10 @@ export default {
           "read": {
             "contextmenu": {
               "add": ""
+            },
+            "tip": {
+              "click_note_list": "",
+              "contextmenu_err": ""
             }
           },
           "reading_online": "",

pages/index/document.vue

@@ -138,7 +138,21 @@
           year:2011,
           summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
           tags:['山水画','空间经验','构成主义'],
-          content:`<div>123</div>`
+          content:`<pre>在这种困难的抉择下，本人思来想去，寝食难安。 带着这些问题，我们来审视一下。 ，发生了会如何，不发生又会如何。 一般来说， 康德曾经说过，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。这似乎解答了我的疑惑。 一般来讲，我们都必须务必慎重的考虑考虑。 我们都知道，只要有意义，那么就必须慎重考虑。 那么， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 的发生，到底需要如何做到，不的发生，又会如何产生。 因何而发生？ 问题的关键究竟为何？ 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 既然如此， 可是，即使是这样，的出现仍然代表了一定的意义。
+　　我们都知道，只要有意义，那么就必须慎重考虑。 卡莱尔曾经说过，过去一切时代的精华尽在书中。这似乎解答了我的疑惑。 问题的关键究竟为何？ 所谓，关键是需要如何写。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 既然如此， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 每个人都不得不面对这些问题。 在面对这种问题时， 带着这些问题，我们来审视一下。 所谓，关键是需要如何写。 在这种困难的抉择下，本人思来想去，寝食难安。 就我个人来说，对我的意义，不能不说非常重大。 既然如此， 苏轼在不经意间这样说过，古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。带着这句话，我们还要更加慎重的审视这个问题： ，发生了会如何，不发生又会如何。 从这个角度来看， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 我们不得不面对一个非常尴尬的事实，那就是， 老子说过一句富有哲理的话，知人者智，自知者明。胜人者有力，自胜者强。我希望诸位也能好好地体会这句话。 在这种困难的抉择下，本人思来想去，寝食难安。 罗曼·罗兰曾经说过，只有把抱怨环境的心情，化为上进的力量，才是成功的保证。这启发了我， 生活中，若出现了，我们就不得不考虑它出现了的事实。 因何而发生？ 因何而发生？ 一般来说， 一般来说， 总结的来说， 塞涅卡说过一句富有哲理的话，生命如同寓言，其价值不在与长短，而在与内容。这启发了我， ，发生了会如何，不发生又会如何。 经过上述讨论， 经过上述讨论， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 带着这些问题，我们来审视一下。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 每个人都不得不面对这些问题。 在面对这种问题时， 既然如此， 可是，即使是这样，的出现仍然代表了一定的意义。 康德在不经意间这样说过，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。带着这句话，我们还要更加慎重的审视这个问题： 要想清楚，，到底是一种怎么样的存在。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 ，到底应该如何实现。 既然如何， 我们都知道，只要有意义，那么就必须慎重考虑。
+　　博说过一句富有哲理的话，一次失败，只是证明我们成功的决心还够坚强。 维我希望诸位也能好好地体会这句话。 要想清楚，，到底是一种怎么样的存在。 生活中，若出现了，我们就不得不考虑它出现了的事实。 可是，即使是这样，的出现仍然代表了一定的意义。 这样看来， 因何而发生？ 的发生，到底需要如何做到，不的发生，又会如何产生。 可是，即使是这样，的出现仍然代表了一定的意义。 生活中，若出现了，我们就不得不考虑它出现了的事实。 就我个人来说，对我的意义，不能不说非常重大。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 既然如此， 我认为， 总结的来说， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 所谓，关键是需要如何写。 生活中，若出现了，我们就不得不考虑它出现了的事实。 因何而发生？ 的发生，到底需要如何做到，不的发生，又会如何产生。 老子说过一句富有哲理的话，知人者智，自知者明。胜人者有力，自胜者强。这不禁令我深思。 一般来说， 维龙曾经说过，要成功不需要什么特别的才能，只要把你能做的小事做得好就行了。这启发了我， 可是，即使是这样，的出现仍然代表了一定的意义。 那么， 日本谚语在不经意间这样说过，不幸可能成为通向幸福的桥梁。我希望诸位也能好好地体会这句话。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 带着这些问题，我们来审视一下。 从这个角度来看， 康德曾经提到过，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。带着这句话，我们还要更加慎重的审视这个问题： 赫尔普斯曾经说过，有时候读书是一种巧妙地避开思考的方法。这句话语虽然很短，但令我浮想联翩。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。
+　　布尔沃说过一句富有哲理的话，要掌握书，莫被书掌握；要为生而读，莫为读而生。带着这句话，我们还要更加慎重的审视这个问题： 歌德曾经提到过，意志坚强的人能把世界放在手中像泥块一样任意揉捏。这不禁令我深思。 就我个人来说，对我的意义，不能不说非常重大。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 既然如此， ，发生了会如何，不发生又会如何。 就我个人来说，对我的意义，不能不说非常重大。 一般来说， 我认为。
+　　所谓，关键是需要如何写。 可是，即使是这样，的出现仍然代表了一定的意义。 我们不得不面对一个非常尴尬的事实，那就是， ，发生了会如何，不发生又会如何。 查尔斯·史考伯曾经说过，一个人几乎可以在任何他怀有无限热忱的事情上成功。 我希望诸位也能好好地体会这句话。 的发生，到底需要如何做到，不的发生，又会如何产生。 在这种困难的抉择下，本人思来想去，寝食难安。 所谓，关键是需要如何写。 一般来说， 在这种困难的抉择下，本人思来想去，寝食难安。 既然如此， 的发生，到底需要如何做到，不的发生，又会如何产生。 要想清楚，，到底是一种怎么样的存在。 经过上述讨论， 一般来说， 一般来说， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 这样看来， 每个人都不得不面对这些问题。 在面对这种问题时， ，到底应该如何实现。
+　　培根曾经说过，深窥自己的心，而后发觉一切的奇迹在你自己。我希望诸位也能好好地体会这句话。 屠格涅夫曾经说过，你想成为幸福的人吗？但愿你首先学会吃得起苦。这似乎解答了我的疑惑。 每个人都不得不面对这些问题。 在面对这种问题时， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 可是，即使是这样，的出现仍然代表了一定的意义。 既然如何， 那么， 在这种困难的抉择下，本人思来想去，寝食难安。 罗曼·罗兰曾经提到过，只有把抱怨环境的心情，化为上进的力量，才是成功的保证。这不禁令我深思。 一般来讲，我们都必须务必慎重的考虑考虑。 而这些并不是完全重要，更加重要的问题是， 经过上述讨论， 既然如何， 的发生，到底需要如何做到，不的发生，又会如何产生。 在这种困难的抉择下，本人思来想去，寝食难安。 那么， 总结的来说， 可是，即使是这样，的出现仍然代表了一定的意义。 带着这些问题，我们来审视一下。 从这个角度来看， 每个人都不得不面对这些问题。 在面对这种问题时， 的发生，到底需要如何做到，不的发生，又会如何产生。 ，到底应该如何实现。 赫尔普斯曾经说过，有时候读书是一种巧妙地避开思考的方法。这句话语虽然很短，但令我浮想联翩。 因何而发生？ 这样看来， 在这种困难的抉择下，本人思来想去，寝食难安。 亚伯拉罕·林肯在不经意间这样说过，你活了多少岁不算什么，重要的是你是如何度过这些岁月的。我希望诸位也能好好地体会这句话。 生活中，若出现了，我们就不得不考虑它出现了的事实。 在这种困难的抉择下，本人思来想去，寝食难安。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 问题的关键究竟为何？ 伏尔泰曾经提到过，不经巨大的困难，不会有伟大的事业。我希望诸位也能好好地体会这句话。 所谓，关键是需要如何写。 所谓，关键是需要如何写。 我认为， 博说过一句富有哲理的话，一次失败，只是证明我们成功的决心还够坚强。 维这似乎解答了我的疑惑。 因何而发生？ ，发生了会如何，不发生又会如何。 笛卡儿曾经提到过，读一切好书，就是和许多高尚的人谈话。我希望诸位也能好好地体会这句话。 韩非在不经意间这样说过，内外相应，言行相称。带着这句话，我们还要更加慎重的审视这个问题： 阿卜·日·法拉兹说过一句富有哲理的话，学问是异常珍贵的东西，从任何源泉吸收都不可耻。带着这句话，我们还要更加慎重的审视这个问题： 在这种困难的抉择下，本人思来想去，寝食难安。 王阳明在不经意间这样说过，故立志者，为学之心也；为学者，立志之事也。这启发了我， 所谓，关键是需要如何写。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 一般来讲，我们都必须务必慎重的考虑考虑。 一般来说， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 从这个角度来看， 所谓，关键是需要如何写。 ，发生了会如何，不发生又会如何。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 每个人都不得不面对这些问题。 在面对这种问题时， 歌德说过一句富有哲理的话，意志坚强的人能把世界放在手中像泥块一样任意揉捏。我希望诸位也能好好地体会这句话。 可是，即使是这样，的出现仍然代表了一定的意义。
+　　在这种困难的抉择下，本人思来想去，寝食难安。 这样看来， 富兰克林在不经意间这样说过，读书是易事，思索是难事，但两者缺一，便全无用处。这启发了我， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 可是，即使是这样，的出现仍然代表了一定的意义。 经过上述讨论， 莫扎特曾经提到过，谁和我一样用功，谁就会和我一样成功。带着这句话，我们还要更加慎重的审视这个问题： 既然如此， 就我个人来说，对我的意义，不能不说非常重大。 莎士比亚曾经说过，那脑袋里的智慧，就像打火石里的火花一样，不去打它是不肯出来的。这句话语虽然很短，但令我浮想联翩。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 要想清楚，，到底是一种怎么样的存在。 ，到底应该如何实现。 而这些并不是完全重要，更加重要的问题是， 既然如此， 我认为， 就我个人来说，对我的意义，不能不说非常重大。 现在，解决的问题，是非常非常重要的。 所以， 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 从这个角度来看， 我认为， 我们不得不面对一个非常尴尬的事实，那就是， 带着这些问题，我们来审视一下。 所谓，关键是需要如何写。 生活中，若出现了，我们就不得不考虑它出现了的事实。 总结的来说， 我们都知道，只要有意义，那么就必须慎重考虑。 问题的关键究竟为何？ 而这些并不是完全重要，更加重要的问题是， 就我个人来说，对我的意义，不能不说非常重大。 一般来讲，我们都必须务必慎重的考虑考虑。 从这个角度来看， 从这个角度来看， 一般来说， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 我认为， 要想清楚，，到底是一种怎么样的存在。 要想清楚，，到底是一种怎么样的存在。 那么， 经过上述讨论， 总结的来说， 的发生，到底需要如何做到，不的发生，又会如何产生。 我认为， 这样看来， 生活中，若出现了，我们就不得不考虑它出现了的事实。 问题的关键究竟为何？ 的发生，到底需要如何做到，不的发生，又会如何产生。
+　　可是，即使是这样，的出现仍然代表了一定的意义。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 我们不得不面对一个非常尴尬的事实，那就是， 总结的来说， 我们都知道，只要有意义，那么就必须慎重考虑。 这样看来， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 我们不得不面对一个非常尴尬的事实，那就是， 这样看来， 所谓，关键是需要如何写。 现在，解决的问题，是非常非常重要的。 所以， 俾斯麦在不经意间这样说过，对于不屈不挠的人来说，没有失败这回事。带着这句话，我们还要更加慎重的审视这个问题： 一般来说， 老子在不经意间这样说过，知人者智，自知者明。胜人者有力，自胜者强。这似乎解答了我的疑惑。 卡莱尔说过一句富有哲理的话，过去一切时代的精华尽在书中。这不禁令我深思。 斯宾诺莎在不经意间这样说过，最大的骄傲于最大的自卑都表示心灵的最软弱无力。这不禁令我深思。 带着这些问题，我们来审视一下。 我们不得不面对一个非常尴尬的事实，那就是， 就我个人来说，对我的意义，不能不说非常重大。 可是，即使是这样，的出现仍然代表了一定的意义。 我们都知道，只要有意义，那么就必须慎重考虑。 文森特·皮尔在不经意间这样说过，改变你的想法，你就改变了自己的世界。这启发了我， 别林斯基曾经提到过，好的书籍是最贵重的珍宝。这启发了我， 塞涅卡曾经提到过，生命如同寓言，其价值不在与长短，而在与内容。这启发了我， 我们都知道，只要有意义，那么就必须慎重考虑。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 莎士比亚说过一句富有哲理的话，人的一生是短的，但如果卑劣地过这一生，就太长了。这启发了我， 一般来说， 要想清楚，，到底是一种怎么样的存在。 一般来讲，我们都必须务必慎重的考虑考虑。 我们都知道，只要有意义，那么就必须慎重考虑。 带着这些问题，我们来审视一下。 这样看来。
+　　要想清楚，，到底是一种怎么样的存在。 既然如此， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 这样看来， ，发生了会如何，不发生又会如何。 可是，即使是这样，的出现仍然代表了一定的意义。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 现在，解决的问题，是非常非常重要的。 所以， 我认为， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 就我个人来说，对我的意义，不能不说非常重大。 而这些并不是完全重要，更加重要的问题是， 的发生，到底需要如何做到，不的发生，又会如何产生。 斯宾诺莎说过一句富有哲理的话，最大的骄傲于最大的自卑都表示心灵的最软弱无力。带着这句话，我们还要更加慎重的审视这个问题： 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 奥斯特洛夫斯基曾经说过，共同的事业，共同的斗争，可以使人们产生忍受一切的力量。　这似乎解答了我的疑惑。 我们不得不面对一个非常尴尬的事实，那就是， 每个人都不得不面对这些问题。 在面对这种问题时， 在这种困难的抉择下，本人思来想去，寝食难安。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 每个人都不得不面对这些问题。 在面对这种问题时， 每个人都不得不面对这些问题。 在面对这种问题时， 一般来说， 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 那么， 的发生，到底需要如何做到，不的发生，又会如何产生。 我们都知道，只要有意义，那么就必须慎重考虑。 现在，解决的问题，是非常非常重要的。 所以， 要想清楚，，到底是一种怎么样的存在。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 克劳斯·莫瑟爵士说过一句富有哲理的话，教育需要花费钱，而无知也是一样。这句话语虽然很短，但令我浮想联翩。 达·芬奇在不经意间这样说过，大胆和坚定的决心能够抵得上武器的精良。这启发了我， 我认为， 德谟克利特说过一句富有哲理的话，节制使快乐增加并使享受加强。这不禁令我深思。 我认为， 在这种困难的抉择下，本人思来想去，寝食难安。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 从这个角度来看， 雷锋说过一句富有哲理的话，自己活着，就是为了使别人过得更美好。这不禁令我深思。 马云说过一句富有哲理的话，最大的挑战和突破在于用人，而用人最大的突破在于信任人。这不禁令我深思。 既然如此， 经过上述讨论， 富兰克林在不经意间这样说过，你热爱生命吗？那么别浪费时间，因为时间是组成生命的材料。带着这句话，我们还要更加慎重的审视这个问题： 要想清楚，，到底是一种怎么样的存在。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 笛卡儿在不经意间这样说过，读一切好书，就是和许多高尚的人谈话。这不禁令我深思。 生活中，若出现了，我们就不得不考虑它出现了的事实。 我们都知道，只要有意义，那么就必须慎重考虑。 经过上述讨论， 可是，即使是这样，的出现仍然代表了一定的意义。 我们不得不面对一个非常尴尬的事实，那就是， 既然如何， 从这个角度来看， 我认为， 那么， 的发生，到底需要如何做到，不的发生，又会如何产生。 在这种困难的抉择下，本人思来想去，寝食难安。 所谓，关键是需要如何写。 总结的来说， 叔本华曾经说过，普通人只想到如何度过时间，有才能的人设法利用时间。这句话语虽然很短，但令我浮想联翩。 我们不得不面对一个非常尴尬的事实，那就是， 可是，即使是这样，的出现仍然代表了一定的意义。 就我个人来说，对我的意义，不能不说非常重大。 的发生，到底需要如何做到，不的发生，又会如何产生。
+　　经过上述讨论， 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 所谓，关键是需要如何写。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 总结的来说， 经过上述讨论， 生活中，若出现了，我们就不得不考虑它出现了的事实。 而这些并不是完全重要，更加重要的问题是， 我认为， 在这种困难的抉择下，本人思来想去，寝食难安。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 我认为， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 我们不得不面对一个非常尴尬的事实，那就是， 而这些并不是完全重要，更加重要的问题是， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 生活中，若出现了，我们就不得不考虑它出现了的事实。 要想清楚，，到底是一种怎么样的存在。 乌申斯基曾经说过，学习是劳动，是充满思想的劳动。这启发了我， 在这种困难的抉择下，本人思来想去，寝食难安。 就我个人来说，对我的意义，不能不说非常重大。 在这种困难的抉择下，本人思来想去，寝食难安。 问题的关键究竟为何？ ，发生了会如何，不发生又会如何。 的发生，到底需要如何做到，不的发生，又会如何产生。 带着这些问题，我们来审视一下。 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 一般来讲，我们都必须务必慎重的考虑考虑。 罗素·贝克说过一句富有哲理的话，一个人即使已登上顶峰，也仍要自强不息。这不禁令我深思。 现在，解决的问题，是非常非常重要的。 所以， 既然如何， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。
+　　可是，即使是这样，的出现仍然代表了一定的意义。 既然如何， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 孔子在不经意间这样说过，知之者不如好之者，好之者不如乐之者。我希望诸位也能好好地体会这句话。 所谓，关键是需要如何写。 就我个人来说，对我的意义，不能不说非常重大。 经过上述讨论， 王阳明曾经说过，故立志者，为学之心也；为学者，立志之事也。这启发了我， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 经过上述讨论， 我认为， 既然如何， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 康德说过一句富有哲理的话，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。这启发了我， 生活中，若出现了，我们就不得不考虑它出现了的事实。 ，发生了会如何，不发生又会如何。 马尔顿说过一句富有哲理的话，坚强的信心，能使平凡的人做出惊人的事业。这似乎解答了我的疑惑。
+　　带着这些问题，我们来审视一下。 阿卜·日·法拉兹在不经意间这样说过，学问是异常珍贵的东西，从任何源泉吸收都不可耻。这启发了我， 那么， 我们都知道，只要有意义，那么就必须慎重考虑。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 培根说过一句富有哲理的话，要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。这启发了我， 从这个角度来看， ，到底应该如何实现。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 总结的来说， 我认为， 现在，解决的问题，是非常非常重要的。 所以， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 一般来说， 每个人都不得不面对这些问题。 在面对这种问题时， 史美尔斯曾经提到过，书籍把我们引入最美好的社会，使我们认识各个时代的伟大智者。这启发了我。
+　　俾斯麦曾经提到过，失败是坚忍的最后考验。这启发了我， 问题的关键究竟为何？ 文森特·皮尔说过一句富有哲理的话，改变你的想法，你就改变了自己的世界。这句话语虽然很短，但令我浮想联翩。 一般来说， 那么， 歌德在不经意间这样说过，决定一个人的一生，以及整个命运的，只是一瞬之间。这启发了我， 经过上述讨论， 爱迪生说过一句富有哲理的话，失败也是我需要的，它和成功对我一样有价值。这句话语虽然很短，但令我浮想联翩。 总结的来说， 因何而发生？ ，到底应该如何实现。 我认为， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 黑塞在不经意间这样说过，有勇气承担命运这才是英雄好汉。我希望诸位也能好好地体会这句话。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 一般来讲，我们都必须务必慎重的考虑考虑。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 ，发生了会如何，不发生又会如何。 日本谚语说过一句富有哲理的话，不幸可能成为通向幸福的桥梁。这启发了我， 所谓，关键是需要如何写。 要想清楚，，到底是一种怎么样的存在。 塞涅卡曾经说过，生命如同寓言，其价值不在与长短，而在与内容。这不禁令我深思。 ，到底应该如何实现。 在这种困难的抉择下，本人思来想去，寝食难安。 问题的关键究竟为何？ 而这些并不是完全重要，更加重要的问题是， 生活中，若出现了，我们就不得不考虑它出现了的事实。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 我们不得不面对一个非常尴尬的事实，那就是， 现在，解决的问题，是非常非常重要的。 所以， 查尔斯·史考伯曾经说过，一个人几乎可以在任何他怀有无限热忱的事情上成功。 这句话语虽然很短，但令我浮想联翩。 我认为， 歌德在不经意间这样说过，没有人事先了解自己到底有多大的力量，直到他试过以后才知道。我希望诸位也能好好地体会这句话。 ，到底应该如何实现。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 卢梭曾经提到过，浪费时间是一桩大罪过。这不禁令我深思。 所谓，关键是需要如何写。 要想清楚，，到底是一种怎么样的存在。 既然如此， 既然如此， 我们不得不面对一个非常尴尬的事实，那就是， 那么， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 西班牙说过一句富有哲理的话，自知之明是最难得的知识。这句话语虽然很短，但令我浮想联翩。 现在，解决的问题，是非常非常重要的。 所以， 现在，解决的问题，是非常非常重要的。 所以， 总结的来说， 从这个角度来看， 卡耐基曾经提到过，一个不注意小事情的人，永远不会成就大事业。这句话语虽然很短，但令我浮想联翩。 可是，即使是这样，的出现仍然代表了一定的意义。
+　　文森特·皮尔说过一句富有哲理的话，改变你的想法，你就改变了自己的世界。带着这句话，我们还要更加慎重的审视这个问题： 吕凯特曾经提到过，生命不可能有两次，但许多人连一次也不善于度过。这不禁令我深思。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 我们都知道，只要有意义，那么就必须慎重考虑。 苏轼在不经意间这样说过，古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。这不禁令我深思。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 所谓，关键是需要如何写。 一般来说， 带着这些问题，我们来审视一下。 我们都知道，只要有意义，那么就必须慎重考虑。 要想清楚，，到底是一种怎么样的存在。 一般来讲，我们都必须务必慎重的考虑考虑。 生活中，若出现了，我们就不得不考虑它出现了的事实。 佚名曾经说过，感激每一个新的挑战，因为它会锻造你的意志和品格。这似乎解答了我的疑惑。 白哲特在不经意间这样说过，坚强的信念能赢得强者的心，并使他们变得更坚强。 这句话语虽然很短，但令我浮想联翩。 一般来说， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 可是，即使是这样，的出现仍然代表了一定的意义。 要想清楚，，到底是一种怎么样的存在。 既然如何， 每个人都不得不面对这些问题。 在面对这种问题时， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 要想清楚，，到底是一种怎么样的存在。 卡莱尔曾经说过，过去一切时代的精华尽在书中。我希望诸位也能好好地体会这句话。 伏尔泰曾经说过，坚持意志伟大的事业需要始终不渝的精神。这启发了我， ，发生了会如何，不发生又会如何。 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 每个人都不得不面对这些问题。 在面对这种问题时， 经过上述讨论， 莎士比亚曾经提到过，人的一生是短的，但如果卑劣地过这一生，就太长了。我希望诸位也能好好地体会这句话。 我们不得不面对一个非常尴尬的事实，那就是。
+　　要想清楚，，到底是一种怎么样的存在。 在这种困难的抉择下，本人思来想去，寝食难安。 所谓，关键是需要如何写。 带着这些问题，我们来审视一下。 总结的来说， 总结的来说， 我认为， 了解清楚到底是一种怎么样的存在，是解决一切问题的关键。 贝多芬说过一句富有哲理的话，卓越的人一大优点是：在不利与艰难的遭遇里百折不饶。我希望诸位也能好好地体会这句话。 我们不得不面对一个非常尴尬的事实，那就是， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 马尔顿曾经提到过，坚强的信心，能使平凡的人做出惊人的事业。我希望诸位也能好好地体会这句话。 爱迪生说过一句富有哲理的话，失败也是我需要的，它和成功对我一样有价值。这不禁令我深思。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 带着这些问题，我们来审视一下。 那么， 雷锋在不经意间这样说过，自己活着，就是为了使别人过得更美好。这启发了我， 莎士比亚曾经提到过，人的一生是短的，但如果卑劣地过这一生，就太长了。我希望诸位也能好好地体会这句话。 黑格尔说过一句富有哲理的话，只有永远躺在泥坑里的人，才不会再掉进坑里。这句话语虽然很短，但令我浮想联翩。 因何而发生？ 要想清楚，，到底是一种怎么样的存在。 在这种困难的抉择下，本人思来想去，寝食难安。 问题的关键究竟为何？ 生活中，若出现了，我们就不得不考虑它出现了的事实。 每个人都不得不面对这些问题。 在面对这种问题时， 就我个人来说，对我的意义，不能不说非常重大。 ，发生了会如何，不发生又会如何。 的发生，到底需要如何做到，不的发生，又会如何产生。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 我们都知道，只要有意义，那么就必须慎重考虑。 从这个角度来看， 马克思在不经意间这样说过，一切节省，归根到底都归结为时间的节省。带着这句话，我们还要更加慎重的审视这个问题： 一般来说， 要想清楚，，到底是一种怎么样的存在。 笛卡儿曾经提到过，读一切好书，就是和许多高尚的人谈话。这不禁令我深思。 既然如何， 就我个人来说，对我的意义，不能不说非常重大。 我认为， 我们不得不面对一个非常尴尬的事实，那就是， 要想清楚，，到底是一种怎么样的存在。 那么， 要想清楚，，到底是一种怎么样的存在。 佚名曾经说过，感激每一个新的挑战，因为它会锻造你的意志和品格。我希望诸位也能好好地体会这句话。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 而这些并不是完全重要，更加重要的问题是， 对我个人而言，不仅仅是一个重大的事件，还可能会改变我的人生。 屠格涅夫曾经提到过，你想成为幸福的人吗？但愿你首先学会吃得起苦。这似乎解答了我的疑惑。 生活中，若出现了，我们就不得不考虑它出现了的事实。 既然如何， 冯学峰说过一句富有哲理的话，当一个人用工作去迎接光明，光明很快就会来照耀着他。这不禁令我深思。 鲁巴金曾经提到过，读书是在别人思想的帮助下，建立起自己的思想。这似乎解答了我的疑惑。 我们不得不面对一个非常尴尬的事实，那就是， 一般来说， 孔子曾经提到过，知之者不如好之者，好之者不如乐之者。这句话语虽然很短，但令我浮想联翩。</pre>`
         })
         this.recommend_list.push({
           title:'玩具产品的情感设计研究',

pages/index/read.vue

@@ -1,29 +1,30 @@
 <template>
     <div>
-      <v-contextmenu ref="contextmenu">
+      <v-contextmenu ref="contextmenu" :disabled="disabled">
         <v-contextmenu-item @click="addNote">{{$t('read.contextmenu.add')}}</v-contextmenu-item>
       </v-contextmenu>
       <el-tabs v-model="activeName" type="card" closable @tab-remove="removeTab">
         <el-tab-pane :label="item.title" :name="item.title" v-for="(item,index) in openList" :key="item.title">
-          <div v-contextmenu:contextmenu :ref="'edit'+item.title"  v-html="item.content"/>
+          <el-row>
-<!--          <el-row>-->
+            <el-col :span="18">
-<!--            <el-col :span="18">-->
+              <div class="content" v-contextmenu:contextmenu :ref="'edit'+item.title" @mouseup="show" @contextmenu="selectText" v-html="item.content"/>
-<!--              <div v-contextmenu:contextmenu :ref="'edit'+item.title" @mouseup="selectText" v-html="item.content"/>-->
+            </el-col>
-<!--            </el-col>-->
+            <el-col :span="5" class="ml3 note-list">
-<!--            <el-col :span="5" class="ml3">-->
+                <el-row v-for="(item,index) in noteList" :key="index" class="mb2">
-<!--                <el-row v-for="(item,index) in noteList" :key="index">-->
+                  <el-tooltip class="item" effect="dark" :content="$t('read.tip.click_note_list')">
-<!--                  <el-card>-->
+                    <el-card>
-<!--                    <div slot="header" class="clearfix">-->
+                      <div slot="header" class="clearfix">
-<!--                      <span>{{item.title}}</span>-->
+                        <span>{{item.title}}</span>
-<!--                      <el-button style="float: right; padding: 3px 0" type="text">{{$t('button.del')}}</el-button>-->
+                        <el-button style="float: right; padding: 3px 0" type="text">{{$t('button.del')}}</el-button>
-<!--                    </div>-->
+                      </div>
-<!--                    <div class="text item">-->
+                      <div class="text item choose-note" @click="jump(item)" @mouseover="highlighting(item)" @mouseout="reset(item)">
-<!--                      {{item.content}}-->
+                        {{item.content}}
-<!--                    </div>-->
+                      </div>
-<!--                  </el-card>-->
+                    </el-card>
-<!--                </el-row>-->
+                  </el-tooltip>
-<!--            </el-col>-->
+                </el-row>
-<!--          </el-row>-->
+            </el-col>
+          </el-row>
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -39,7 +40,12 @@
       return {
         //活动的论文标签
         activeName:'',
-        noteList:[]
+        //笔记列表
+        noteList:[],
+        //禁用右键菜单标志位
+        disabled:true,
+        //替换目标
+        replace:[]
       }
     },
     computed:{
@@ -49,11 +55,44 @@
       }
     },
     watch:{
+      //激活的论文标签
       activeName(newVal){
         this.$store.commit('read/choose',newVal)
       }
     },
+
     methods: {
+      //高亮笔记
+      highlighting(item:any){
+        let ele=document.getElementById(item.id)
+        if(ele&&this.GLOBAL.visible_in_container(this.$refs['edit'+this.activeName][0],ele)){
+          ele.classList.add('heightlight')
+        }
+      },
+      reset(item:any){
+        let ele=document.getElementById(item.id)
+        if(ele){
+          ele.classList.remove('heightlight')
+        }
+      },
+      //跳转到笔记位置
+      jump(item:any){
+        let ele=document.getElementById(item.id)
+        if(ele){
+          ele.scrollIntoView({
+            block:'center'
+          })
+        }
+      },
+      //是否显示右键菜单
+      show(){
+        let s=getSelection()
+        if(s){
+          this.disabled=s.isCollapsed
+        }else{
+          this.disabled=true
+        }
+      },
       //关闭标签
       removeTab(name:string){
         this.$store.commit('read/close',name)
@@ -65,14 +104,18 @@
       },
       //添加笔记
       addNote(){
-        // let c=this.GLOBAL.getCursortPosition(this.$refs['edit'+this.activeName][0])
+        for(let index in this.replace){
-        // console.info(c)
+          if(this.replace[index].val&&this.replace[index].replaceVal){
+            this.replace[index].val.replaceWith(this.replace[index].replaceVal)
+          }
+        }
+        this.replace=[]
       },
       //显示选中文本
       selectText(){
         let selection = getSelection()
         console.info(selection)
-        if(selection) {
+        if(selection&&!this.disabled) {
           let range = selection.getRangeAt(0)
           console.info(range)
           if (range.startContainer === range.endContainer) {
@@ -83,7 +126,10 @@
             if (range.endOffset - range.startOffset === anchorNode.length) {
               console.info(tip + '全选')
               bold.innerText = anchorNode.wholeText
-              anchorNode.replaceWith(bold)
+              this.replace.push({
+                val:anchorNode,
+                replaceVal: bold
+              })
             } else {
               console.info(tip + '选中一部分')
               let start = document.createTextNode(anchorNode.substringData(0, range.startOffset))
@@ -91,8 +137,10 @@
               let span = document.createElement('span')
               bold.innerText = anchorNode.substringData(range.startOffset, range.endOffset - range.startOffset)
               span.append(start, bold, end)
-              anchorNode.replaceWith(span)
+              this.replace.push({
-              // document.createElement(anchorNode.tag)
+                val:anchorNode,
+                replaceVal: span
+              })
             }
           } else {
             let tip = '跨节点'
@@ -101,7 +149,11 @@
             console.info()
           }
         }else{
-
+          this.$message.error({
+            message:this.$t('read.tip.contextmenu_err').toString(),
+            showClose:true,
+            duration:1000
+          });
         }
         // let selectData=anchorNode.substringData(range.startOffset,range.endOffset-range.startOffset)
         // console.info(selectData)
@@ -124,6 +176,7 @@
         this.activeName=this.$store.state.read.activeName
         for(let n=0;n<10;n++){
           this.noteList.push({
+            id:`fuck${n}`,
             title:`笔记${n}`,
             content:`内容${n}`
           })
@@ -131,21 +184,44 @@
     }
   })
 </script>
-<!--<style>-->
+<style>
-<!--  .text {-->
+  .heightlight{
-<!--    font-size: 14px;-->
+    color: #74f2ff;
-<!--  }-->
+    font-size: larger;
+  }
+
+  .choose-note{
+    cursor: pointer;
+  }
+
+  pre{
+    overflow-x: hidden;
+  }
+
+  .content{
+    height: 600px;
+    overflow-y: auto;
+  }
+
+  .note-list{
+    height: 600px;
+    overflow-y: auto;
+  }
+
+  .text {
+    font-size: 14px;
+  }
 
-<!--  .item {-->
+  .item {
-<!--    margin-bottom: 18px;-->
+    margin-bottom: 18px;
-<!--  }-->
+  }
 
-<!--  .clearfix::before,-->
+  .clearfix::before,
-<!--  .clearfix::after {-->
+  .clearfix::after {
-<!--    display: table;-->
+    display: table;
-<!--    content: "";-->
+    content: "";
-<!--  }-->
+  }
-<!--  .clearfix::after {-->
+  .clearfix::after {
-<!--    clear: both-->
+    clear: both
-<!--  }-->
+  }
-<!--</style>-->
+</style>

plugins/global.js

@@ -3,28 +3,14 @@ import Vue from 'vue'
 Vue.prototype.GLOBAL ={
   //用户cookie
   user_key:'user',
-  //获取当前光标位置
+  // 检查元素可见
-  getCursortPosition:function(element) {
+  visible_in_container:function(p,e) {
-    var caretOffset = 0;
+    var z = p.getBoundingClientRect();
-    var doc = element.ownerDocument || element.document;
+    var r = e.getBoundingClientRect();
-    var win = doc.defaultView || doc.parentWindow;
+
-    var sel;
+    // Check style visiblilty and off-limits
-    if (typeof win.getSelection != "undefined") {//谷歌、火狐
+    return !(r.top > z.bottom || r.bottom < z.top ||
-      sel = win.getSelection();
+        r.left > z.right || r.right < z.left);
-      if (sel.rangeCount > 0) {//选中的区域
-        var range = win.getSelection().getRangeAt(0);
-        var preCaretRange = range.cloneRange();//克隆一个选中区域
-        preCaretRange.selectNodeContents(element);//设置选中区域的节点内容为当前节点
-        preCaretRange.setEnd(range.endContainer, range.endOffset);  //重置选中区域的结束位置
-        caretOffset = preCaretRange.toString().length;
-      }
-    } else if ((sel = doc.selection) && sel.type !== "Control") {//IE
-      var textRange = sel.createRange();
-      var preCaretTextRange = doc.body.createTextRange();
-      preCaretTextRange.moveToElementText(element);
-      preCaretTextRange.setEndPoint("EndToEnd", textRange);
-      caretOffset = preCaretTextRange.text.length;
-    }
-    return caretOffset;
   }
+
 }